@charset "utf-8";

/* INDEX ------------------------------------------------ 

01.基本スタイル
02.
03.

 ------------------------------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Jost:ital@0;1&display=swap');

/* ------------------------------------------------------ */
/* 基本スタイル
/* ------------------------------------------------------ */
*{
	margin:0;
	padding:0;
}
#container{
	background-color:#000;
	box-sizing:border-box;
	color:#FFF;
	display:block;
	height:100vh;
	padding-top:140px;
	width:100%;
}


/* ########## responsive ########## */

@media(max-width:1099px){
	#container{
		padding-top:90px;
	}
}

@media(max-aspect-ratio:1920/1450){
	#container{
		height:auto;
		padding-bottom:20px;
	}
}
@media(max-width:500px){
	.spNone{
		display:none;
	}
}

/* ################################ */


/* ------------------------------------------------------ */
/* コンテンツセレクトUIのスタイル（#contents_select）
/* ------------------------------------------------------ */

ul#contents_select{
	color:#FFF;
	display:flex;
	flex-wrap:wrap;
	margin:0 auto 10px;
	width:max-content;
}
ul#contents_select li a{
	background-color:#30353a;
	border:1px solid #FFF;
	border-top:none;
	color:#FFF;
	display:block;
	font-family:'Jost',sans-serif;
	letter-spacing:0.1em;
	margin-right:10px;
	padding:10px 0;
	text-align:center;
	width:max(min(16.7vw,200px),135px);
}
ul#contents_select li a:hover,
ul#contents_select li a.active{
	border:1px solid #bf9b46;
	border-top:none;
	color:#bf9b46;
	font-weight:bold;
}
ul#contents_select li:nth-of-type(1) a:before{
	background:url(/grand/common/images/course/icon_drone.svg) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	height:20px;
	margin-right:10px;
	position:relative;
	top:0.3em;
	width:30px;
}
ul#contents_select li:nth-of-type(1) a.active:before{
	background:url(/grand/common/images/course/icon_drone_on.svg) no-repeat;
	background-size:contain;
}
ul#contents_select li:nth-of-type(2) a:before{
	background:url(/grand/common/images/course/icon_photo.svg) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	height:20px;
	margin-right:10px;
	position:relative;
	top:0.2em;
	width:30px;
}
ul#contents_select li:nth-of-type(2) a:hover:before{
	background:url(/grand/common/images/course/icon_photo_on.svg) no-repeat;
	background-size:contain;
}
ul#contents_select li:nth-of-type(3) a:before{
	background:url(/grand/common/images/course/icon_layout.svg) no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	height:20px;
	margin-right:10px;
	position:relative;
	top:0.2em;
	width:25px;
}
ul#contents_select li:nth-of-type(3) a:hover:before{
	background:url(/grand/common/images/course/icon_layout_on.svg) no-repeat;
	background-size:contain;
}

ul#contents_select li:last-of-type a{
	margin-right:0;
}

/* ########## responsive ########## */

@media(max-aspect-ratio:1200/830){
	ul#contents_select{
		margin:0 0 10px 20px;
	}
}
@media(max-aspect-ratio:1920/1450){
	ul#contents_select{
		margin:0 0 10px 20px;
	}
}
@media(min-width:821px){
	ul#contents_select{
		left:50%;
		position:absolute;
		top:90px;
		transform:translateX(-50%);
		z-index:101;
	}
}
@media(min-width:1100px){
	ul#contents_select{
		top:140px;
	}
}
@media(max-width:1000px){
	ul#contents_select li a{
		padding:10px 15px;
		width:inherit;
	}
}
@media(max-width:820px){
	ul#contents_select{
		margin:0 auto 10px;
	}
}

/* ################################ */


/* ------------------------------------------------------ */
/* 動画表示エリアのスタイル（#wrapper）
/* ------------------------------------------------------ */

#wrapper{
	height:calc(100vh - 210px);
	overflow:hidden;
	position:relative;
	width:100%;
}

#skyView,
#groundView{
	aspect-ratio:16/9;
	height:100%;
	margin:0 auto;
	object-fit:contain;
	width:100%;
}
#wrapper .active{
	display:block;
}
#wrapper .is-hidden{
	display:none !important;
}

.video0-dimensions,
.video1-dimensions{
	height:auto;
	width:100%;
}

/* 再生・一時停止ボタンのスタイル */

div.video-btn{
	aspect-ratio:16/9;
	cursor:pointer;
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	width:100%;
	z-index:100;
}
div.video-btn.play:after{
	animation-name:flashout_play;
	animation-duration:700ms;
	animation-timing-function:ease;
	animation-fill-mode:none;
	background:url(/grand/common/images/course/mark_play.svg) no-repeat;
	background-position:top 50% left 60%;
	background-size:50%;
	border:3px solid #FFF;
	border-radius:50%;
	content:'';
	display:block;
	filter:drop-shadow(0,0,5px,rgba(255,255,255,.4));
	height:min(8vw,80px);
	left:50%;
	opacity:0;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:min(8vw,80px);
}
div.video-btn.pause:after{
	animation-name:flashout_pause;
	animation-duration:700ms;
	animation-timing-function:ease;
	animation-fill-mode:none;
	animation-iteration:infinite;
	background:url(/grand/common/images/course/mark_pause.svg) no-repeat;
	background-position:top 50% left 50%;
	background-size:50%;
	border:3px solid #FFF;
	border-radius:50%;
	content:'';
	height:min(8vw,80px);
	left:50%;
	opacity:0;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:min(8vw,80px);
}
@keyframes flashout_play{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@keyframes flashout_pause{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}

/* video.jsのカスタマイズ */

.video-js .vjs-control-bar{
	background-color:#2B333F;
	background-color:rgba(0, 0, 0, 0.65);
	border-radius:5px 0 0 0;
	bottom:0;
	height:3em;
	left:inherit;
	position:absolute;
	right:0;
	width:40%;
	z-index:1000;
}
.video-js .vjs-control-bar{
	bottom:0;
}
#grdView.mainView .video-js .vjs-control-bar{
	bottom:0;
}
.vjs-play-progress.vjs-slider-bar{
	background-color:#0086CD;
}
.video-js .vjs-volume-panel,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control,
.video-js .vjs-playback-rate,
.video-js .vjs-picture-in-picture-control{
	display:none;
}

/* ########## responsive ########## */

@media(max-width:1099px){
	#wrapper{
		height:calc(100vh - 220px);
	}
}
@media(max-aspect-ratio:1920/1450){
	#wrapper,
	video{
		height:auto;
	}
}
@media(max-height:830px){
	#skyView video,
	#grdView video{
		width:auto;
		height:100%;
	}
}
@media(max-width:820px){
	.video-js .vjs-big-play-button,
	.video-js .vjs-play-control{
		display:inherit;
	}
	.vjs-has-started .vjs-big-play-button{
		display:none;
	}
	div.video-btn{
		display:none;
	}
}
@media(max-width:500px){
	.video-js .vjs-control-bar{
		width:55%;
	}
}

/* ################################ */


/* ------------------------------------------------------ */
/* コントローラーのスタイル（#controler）
/* ------------------------------------------------------ */

#controler{
	/*background-color:#30353a;
	border:1px solid #FFF;
	border-radius:3px;
	padding:5px;*/
	display:flex;
	flex-wrap:wrap;
	position:absolute;
	right:0;
	bottom:0;
	transform:translate(0%,-80%);
	z-index:10000;
}
#controler button{
	background-color:rgba(0,0,0,0.9);
	border:1px solid rgba(255,255,255,0.6);
	border-radius:5px;
	color:#FFF;
	cursor:pointer;
	display:block;
	margin:0 3px 5px 0;
	padding:3px 10px;
	text-align:center;
}
#controler button.active{
	background-color:#FFF;
	color:#000;
	display:inline-block;
	font-weight:bold;
}
#controler button>span{
	font-size:70%;
	margin-left:0.3em;
}

/* 再生速度変更UIのスタイル（#cue-controler） */

#controler ul{
	display:flex;
	flex-wrap:wrap;
}
#controler ul#speed-controler li button{
	background:#000 url(/grand/common/images/course/x0.5.svg) no-repeat;
	background-position:center;
	background-size:70% auto;
	text-indent:-9999px;
	width:max(min(7vw,70px),50px);
}
#controler ul#speed-controler li:nth-of-type(2) button{
	background:#000 url(/grand/common/images/course/x1.0.svg) no-repeat;
	background-position:center;
	background-size:70% auto;
}
#controler ul#speed-controler li:nth-of-type(3) button{
	background:#000 url(/grand/common/images/course/x1.5.svg) no-repeat;
	background-position:center;
	background-size:70% auto;
}
#controler ul#speed-controler li:nth-of-type(4) button{
	background:#000 url(/grand/common/images/course/x2.0.svg) no-repeat;
	background-position:center;
	background-size:70% auto;
}
#controler ul#speed-controler li button.active{
	background:#000 url(/grand/common/images/course/x0.5_gold.svg) no-repeat;
	background-position:center;
	background-size:70% auto;
	border-color:#BF9B46;
}
#controler ul#speed-controler li:nth-of-type(2) button.active{
	background:#000 url(/grand/common/images/course/x1.0_gold.svg) no-repeat;
	background-position:center;
	background-size:70% auto;
}
#controler ul#speed-controler li:nth-of-type(3) button.active{
	background:#000 url(/grand/common/images/course/x1.5_gold.svg) no-repeat;
	background-position:center;
	background-size:70% auto;
}
#controler ul#speed-controler li:nth-of-type(4) button.active{
	background:#000 url(/grand/common/images/course/x2.0_gold.svg) no-repeat;
	background-position:center;
	background-size:70% auto;
}

/* 頭出しボタンのスタイル（#cue-controler） */

#controler button#cue-controler{
	background:#000 url(/grand/common/images/course/replay.svg) no-repeat;
	background-position:center;
	background-size:30% auto;
	min-height:1.0em;
	padding:3px 10px;
	text-indent:-9999px;
	width:max(min(4vw,40px),20px);
}
#controler button#cue-controler:hover{
	background:#000 url(/grand/common/images/course/replay_gold.svg) no-repeat;
	background-position:center;
	background-size:30% auto;
	border-color:#BF9B46;
}

/* 視点切替ボタンのスタイル（#changeBtn）

#controler button#changeBtn{
	line-height:1.0;
	padding:8px 10px 6px 30px;
	position:relative;
	width:max(min(14vw,140px),120px);
}
#controler button#changeBtn:before{
	aspect-ratio:1/1;
	background:url(/grand/common/images/course/icon_change_view.svg) no-repeat;
	background-position:center;
	background-size:contain;
	content:'';
	display:inline-block;
	left:50%;
	margin-right:5px;
	position:absolute;
	top:50%;
	transform:translate(-180%,-50%);
	width:2em;
}
#controler button#changeBtn:hover{
	border-color:BF9B46;
	color:#BF9B46;
}
#controler button#changeBtn:hover:before{
	background:url(/grand/common/images/course/icon_change_view_gold.svg) no-repeat;
	background-position:center;
	background-size:contain;
}

 */

/* ########## responsive ########## */

@media(max-aspect-ratio:1200/830){
	#controler{
		align-items:center;
		display:flex;
		flex-wrap:wrap;
		right:0 !important;
		transform:translate(0,-115%);
		width:40vw;
	}
	#controler ul#speed-controler{
		display:flex;
		flex-wrap:wrap;
		margin-right:5px;
		width:50%
	}
	#controler ul#speed-controler li{
		margin-right:5px;
		width:calc((100% - 15px) / 4);
	}
	#controler ul#speed-controler li:last-of-type{
		margin-right:0;
	}
	#controler ul#speed-controler li button{
		width:100%;
	}
	#controler p{
		width:max-content;
	}
	#controler p button{
		width:100%;
	}
}
@media(max-aspect-ratio:1920/1450){
	#controler{
		align-items:center;
		display:flex;
		flex-wrap:wrap;
		right:0 !important;
		transform:translate(0,-40%);
		width:40vw;
	}
	#controler button{
		padding:8px 0;
	}
	#controler ul#speed-controler{
		display:flex;
		flex-wrap:wrap;
		margin-right:5px;
		width:100%
	}
	#controler ul#speed-controler li{
		margin-right:5px;
		width:calc((100% - 15px) / 4);
	}
	#controler ul#speed-controler li:last-of-type{
		margin-right:0;
	}
	#controler ul#speed-controler li button{
		width:100%;
	}
	#controler p{
		margin-right:5px;
		width:calc(50% - 5px);
	}
	#controler p:last-of-type{
		margin-right:0;
	}
	#controler p button{
		width:100%;
	}
}
@media(max-width:820px){
	#controler{
		bottom:inherit;
		right:0 !important;
		transform:inherit;
		width:50vw;
	}
	#controler ul#speed-controler,
	#controler button#cue-controler{
		display:none;
	}
}
@media(max-width:500px){
	#controler{
		width:25vw;
	}
	#controler ul#speed-controler li{
		margin:0 0 5px;
		width:100%;
	}
	#controler ul#speed-controler li button,
	#controler ul#speed-controler li:nth-of-type(2) button,
	#controler ul#speed-controler li:nth-of-type(3) button,
	#controler ul#speed-controler li:nth-of-type(4) button,
	#controler ul#speed-controler li:nth-of-type(1) button.active,
	#controler ul#speed-controler li:nth-of-type(2) button.active,
	#controler ul#speed-controler li:nth-of-type(3) button.active,
	#controler ul#speed-controler li:nth-of-type(4) button.active{
		background-size:55% auto;
		padding:4px 0;
		margin:0;
	}
	#controler p{
		margin-right:0;
		width:calc(100% - 5px);
	}
	#controler p:last-of-type{
		margin-right:0;
	}
}

/* ################################ */


/* ------------------------------------------------------ */
/* コースデータのスタイル（#courseData）
/* ------------------------------------------------------ */

#courseData{
	color:#FFF;
	font-family: 'Jost', sans-serif;
	left:20px;
	position:absolute;
	text-align:left;
	text-shadow:2px 0px 3px rgba(0,0,0,0.3),-2px 0px 3px rgba(0,0,0,0.3),0px 2px 3px rgba(0,0,0,0.3),0px -2px 3px rgba(0,0,0,0.3),2px -2px 3px rgba(0,0,0,0.3),-2px 2px 3px rgba(0,0,0,0.3),-2px -2px 3px rgba(0,0,0,0.3),2px 2px 3px rgba(0,0,0,0.3);
	top:20px;
	width:min-content;
	z-index:100;
}
#courseData h1{
	font-size:max(min(2vw,30px),16px);
	letter-spacing:0;
	position:relative;
	width:max-content;
}
#courseData h1>span{
	font-size:70%;
	margin-right:0.3em;
}
#courseData h1:before{
	content:attr(itemprop);
	font-size:50%;
	font-weight:normal;
	left:0;
	letter-spacing:0.1em;
	position:absolute;
	top:-1.0em;
}
#courseData h2 {
	font-size:max(min(1.6vw,24px),14px);
}
.courseData_multi {
	display:flex;
	gap:1em;
	min-width: 16em;
}
.courseData_multi div.courseData_multi_item {
	flex:1;
}

.courseData_comment {
	padding: 1em 0 0 0; font-size:13px; width:70%;
}


#courseData dl{
	align-items:baseline;
	display:flex;
	flex-wrap:wrap;
	text-align:left;
	width:100%;
}
#courseData dt{
	font-size:max(min(1vw,13px),10px);
	width:38%;
}
#courseData dd{
	font-size:130%;
	width:60%;
}
#courseData dd:after{
	content:'yard';
	font-size:50%;
}

/* 2面グリーンの表示が必要な場合（.twoGreen） */

#courseData dl.twoGreen{
	margin-top:2em;
	position:relative;
}
#courseData dl.twoGreen:before{
	content:attr(itemprop);
	font-size:80%;
	position:absolute;
	left:0;
	top:-1.3em;
}


/* ########## responsive ########## */

@media(max-width:820px){
	#courseData{
		left:inherit;
		padding:10px 20px;
		position:relative;
		top:inherit;
	}
	#courseData h1{
		font-size:max(min(6vw,30px),16px);
		margin-bottom:10px;
	}
	#courseData dt{
		font-size:max(min(4vw,15px),12px);
		width:30%;
	}
	#courseData dd{
		font-size:150%;
		width:70%;
	}
	.courseData_multi {
		flex-direction:column;
	}
}

/* ################################ */


/* ------------------------------------------------------ */
/* 前後のホール移動UIのスタイル（#hole_controler）
/* ------------------------------------------------------ */

#hole_controler p#nextHole{
	position:absolute;
	top:50%;
	transform:translate(150%,-50%);
	z-index:101;
}
#hole_controler p#nextHole a{
	aspect-ratio:36/70;
	background:url(/grand/common/images/course/btn_next.svg) no-repeat;
	background-size:contain;
	display:block;
	text-indent:-9999px;
	width:2vw;
}
#hole_controler p#backHole{
	position:absolute;
	top:50%;
	transform:translate(-150%,-50%);
	z-index:101;
}
#hole_controler p#backHole a{
	aspect-ratio:36/70;
	background:url(/grand/common/images/course/btn_back.svg) no-repeat;
	background-size:contain;
	display:block;
	text-indent:-9999px;
	width:2vw;
}

/* ########## responsive ########## */

@media(max-aspect-ratio:1200/830){
	#hole_controler p#nextHole{
		transform:translate(-25%,calc(-50% - 30px));
	}
	#hole_controler p#nextHole a{
		width:3vw;
	}
	#hole_controler p#backHole{
		transform:translate(25%,calc(-50% - 30px));
	}
	#hole_controler p#backHole a{
		width:3vw;
	}
}
@media(max-width:820px){
	#hole_controler p#nextHole{
		top:calc((100vw * 0.692) / 2);
	}
	#hole_controler p#nextHole a{
		width:5vw;
	}
	#hole_controler p#backHole{
		top:calc((100vw * 0.692) / 2);
	}
	#hole_controler p#backHole a{
		width:5vw;
	}
}


/* ################################ */


/* ------------------------------------------------------ */
/* ホールセレクトUIのスタイル（#hole_select）
/* ------------------------------------------------------ */

#hole_select{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	margin:10px auto 20px;
	width:max-content;
}
#hole_select dl{
	align-items:center;
	background-color:#30353a;
	border:1px solid #999;
	display:flex;
	flex-wrap:wrap;
	margin-right:20px;
	padding:5px 10px;
}
#hole_select dl:last-of-type{
	margin-right:0;
}
#hole_select dl.active{
	border:none;
}
#hole_select dt{
	cursor:pointer;
	font-size:90%;
	letter-spacing:0.1em;
}
#hole_select dl.active dt{
	color:#bf9b46;
}
#hole_select dd{
	display:none;
	height:30px;
	margin-left:15px;
	overflow:hidden;
}
#hole_select dl.active dd{
	display:block;
}
#hole_select dd a{
	/*aspect-ratio:1/1;*/
	background-color:#000;
	border:1px solid #FFF;
	color:#FFF;
	display:inline-block;
	font-family:"游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size:90%;
	margin-right:5px;
	padding:0 8px;
	position:relative;
	top:2px;
}
#hole_select dd a.active{
	border:1px solid #bf9b46;
	color:#bf9b46;
	font-weight:bold;
}
#hole_select dd a:last-of-type{
	margin-right:0;
}

/* ページ送り */

#hole_select p#backHole2 a,
#hole_select p#nextHole2 a{
	color:#FFF;
	display:inline-block;
	font-size:80%;
	margin:0 30px 0 0;
	position:relative;
}
#hole_select p#backHole2 a:before{
	content:'＜';
	font-family:sans-serif;
	font-size:250%;
	left:-1.1em;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
#hole_select p#nextHole2 a{
	margin:0 0 0 30px;
}
#hole_select p#nextHole2 a:before{
	content:'＞';
	font-family:sans-serif;
	font-size:250%;
	right:-1.1em;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

/* モバイル環境用（700px以下） */
#hole_select .course_sub_nav_m{
	display:none;
}

/* ########## responsive ########## */

@media(max-width:700px){
	#hole_select dl{
		display:none;
	}
	#hole_select .course_sub_nav_m{
		display:block;
	}
}

/* ################################ */


/* ---------------------------------------------------------------- */
/* マウスストーカーのスタイル（#stkr）
/* ---------------------------------------------------------------- */

#stkr{
	background-color:rgba(0,0,0,0.3);
	border:3px solid #FFF;
	border-radius:50%;
	left:90px;
	height:min(9vw,90px);
	opacity:0;
	pointer-events:none;
	position:absolute;
	top:80px;
	transition:0.2s;
	transition-timing-function:ease-out;
	width:min(9vw,90px);
	z-index:10000;
}

#stkr.onMouse{
	animation:flashout_play_mouseover 2s ease;
}
#stkr.play{
	background-image:url(/grand/common/images/course/mark_play.svg);
	background-position:top 50% left 60%;
	background-repeat:no-repeat;
	background-size:50%;
}
#stkr.pause{
	background-image:url(/grand/common/images/course/mark_pause.svg);
	background-position:top 50% left 50%;
	background-repeat:no-repeat;
	background-size:50%;
}
@keyframes flashout_play_mouseover{
	0%{
		opacity:0;
	}
	40%{
		opacity:1;
	}
	60%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@keyframes flashout_pause_mouseover{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}


/* ---------------------------------------------------------------- */
/* 動画上の視点切替UIのスタイル（#view_selector）
/* ---------------------------------------------------------------- */

.view_selector{
	bottom:10px;
	cursor:pointer;
	display:block;
	left:10px;
	min-height:100px;
	position:absolute;
	width:100px;
	z-index:101;
}
.view_selector:hover:after{
	animation:flashout_play_mouseover 4s ease;
	aspect-ratio:209/150;
	background:url(/grand/common/images/course/icon_change_view.svg) no-repeat;
	background-size:contain;
	content:'';
	display:block;
	left:50%;
	opacity:0;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:max(5vw,100px);
}


/* ------------------------------------------------------ */
/* アンケート取得UIのスタイル（#enqeute）
/* ------------------------------------------------------ */

#enqeute{
	backdrop-filter:blur(5px);
	background-color:rgba(255,255,255,.9);
	border:3px solid #FFF;
	border-radius:10px;
	color:#333;
	left:50%;
	padding:60px 100px 90px;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:max-content;
	z-index:10001;
}
#enqeute.closed{
	display:none;
}
#enqeute p#txt{
	font-weight:bold;
}
#enqeute p.btn a{
	background-color:#0086CD;
	border-radius:5px;
	box-shadow:1px 1px 5px rgba(0,0,0,.25);
	color:#FFF;
	display:block;
	margin:20px auto 0;
	padding:10px 20px;
	width:max-content;
}
#enqeute p.rejection{
	bottom:20px;
	position:absolute;
	left:20px;
}
#enqeute p.rejection label{
	cursor:pointer;
	margin-left:5px;
}
#enqeute p.close a{
	border:1px solid #454545;
	border-radius:5px;
	bottom:20px;
	color:#454545;
	display:block;
	line-height:1;
	padding:10px 15px 5px;
	position:absolute;
	right:20px;
	width:max-content;
}

@media screen and (max-width:500px){
	#enqeute{
		padding:60px 30px 90px;
		width:90%;
	}
}

/* テスト時限定コンテンツ（#admin） */

#admin{
	background-color:rgba(0,0,0,.8);
	backdrop-filter:blur(5px);
	border-radius:10px;
	color:#FFF;
	padding:20px;
	position:absolute;
	right:0;
	text-align:left;
	top:50%;
	/*transform:translateY(-180%);*/
	width:max-content;
	z-index:100000;
}
#admin p{
	margin-bottom:10px;
}
#admin a#reset_times,
#admin a#reset_status{
	border:1px solid #CCC;
	border-radius:5px;
	color:#FFF;
	display:block;
	line-height:1;
	margin:0;
	padding:10px 10px 5px;
	width:max-content;
}