/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	Overlay Contents
*/
.vp-desktop	.tbs-ovc{ position:absolute; pointer-events:none; top:15%; left:0; right:0; bottom:auto; height:60%; margin:0; padding:0; }
.vp-mobile	.tbs-ovc{ position:relative; pointer-events:none; width:100%; height:100%; margin:0; padding:0; }

	/* Head Pic */
	.vp-desktop	.tbs-ovc .xovc-pic{ position:absolute; top:-52px; left:auto; right:0px; bottom:auto; width:102px; height:63px; background:transparent url(./imgs/ovc_head.png) no-repeat center center; }
	.vp-mobile	.tbs-ovc .xovc-pic{ position:absolute; top:0px; left:auto; right:0px; bottom:auto; width:102px; height:63px; background:transparent url(./imgs/ovc_head.png) no-repeat center center; }

	/* Container */
	.vp-desktop	.tbs-ovc .xovc-container{ position:relative; width:100%; height:100%; }
	.vp-desktop	.tbs-ovc .xovc-container .xovc-head{ overflow:hidden; position:relative; background:#1d7eb2 url(./imgs/ovc_titleback.jpg) repeat-y left top; pointer-events:auto; cursor:pointer; }
	.vp-desktop	.tbs-ovc .xovc-container .xovc-head p{ margin:0; padding:5px 40px 5px 10px; font-size:10pt; font-weight:bold; line-height:1.4em; }

	.vp-mobile	.tbs-ovc .xovc-container{ position:absolute; top:55px; left:0; right:0; bottom:0; background:#fff; overflow:hidden; }
	.vp-mobile	.tbs-ovc .xovc-container .xovc-head{ overflow:hidden; position:relative; background:#1d7eb2 none; pointer-events:auto; cursor:pointer; }
	.vp-mobile	.tbs-ovc .xovc-container .xovc-head p{ margin:0; padding:5px 40px 5px 10px; font-size:10pt; font-weight:bold; line-height:1.4em; }

		/* Closer Icon */
		.vp-desktop	.tbs-ovc .xovc-container .xovc-head .xovc-hicn{ position:absolute; width:25px; height:25px; top:0; left:auto; right:5px; bottom:auto; background-position:-120px -90px; }
		.vp-mobile	.tbs-ovc .xovc-container .xovc-head .xovc-hicn{ position:absolute; width:25px; height:25px; top:0; left:auto; right:5px; bottom:auto; background-position:-600px -30px; }

	.tbs-ovc .xovc-container .xovc-docs{ pointer-events:auto; overflow-x:hidden; overflow-y:auto; position:relative; background:#fff; max-height:95%; box-sizing:border-box; border:1px solid #1d7eb2; }
	.vp-mobile .tbs-ovc .xovc-container .xovc-docs{ border-style:none; }
	.tbs-ovc .xovc-container .xovc-docs > .x-bs{ overflow:hidden; position:relative; margin:5px 10px 10px 10px; }
	.tbs-ovc .xovc-container .xovc-docs p{ margin:5px 0 0 0; font-size:9pt; line-height:1.4em; color:#222; }

		/* in-document class */
		.tbs-ovc img.x-r{ float:right; margin:5px 0 0 5px; }
		.tbs-ovc img.x-l{ float:left; margin:5px 5px 0 0; }
		.tbs-ovc img.x-wide{ float:none; margin:5px auto 0 auto; width:100%; height:auto; }


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	走行あきなだーん
*/
.tbs-loadcar{
	pointer-events:none; overflow:hidden; display:none; background:transparent url(./imgs/loadcar.png) no-repeat center center;
	z-index:4; position:absolute; top:50%; left:50%; right:auto; bottom:auto; width:200px; height:170px; margin-top:-85px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	説明パネル
*/

.tbs-guidep{ overflow:hidden; position:absolute; pointer-events:auto; display:none; opacity:0; z-index:10; top:50%; left:50%; right:auto; bottom:auto; width:300px; height:400px; margin:-190px 0 0 -150px; background-color:#fff; border-radius:9px; box-shadow:0 1px 7px rgba(0,0,0,.6);  }
.tbs-guidep > .x-base{ width:1200px; height:400px; margin:0; padding:0; transition-property:all; transition-duration:0.5s; transition-timing-function:ease-in-out; }
.tbs-guidep .x-pnl { display:none; overflow:hidden; position:relative; float:left; width:300px; height:400px; margin:0; padding:0; }
.tbs-guidep .x-pnl img.x-img{ position:relative; height:350px; width:auto; margin:0; }
.tbs-guidep .x-pnl .x-btm{ overflow:hidden; position:absolute; top:auto; left:0; right:0; bottom:0; width:100%; height:50px; margin:0; padding:0; }
.tbs-guidep .x-pnl .x-btm .x-nav{ position:absolute; width:30px; height:30px; pointer-events:auto; cursor:pointer; background:transparent url(./imgs/help_nav.png) no-repeat 0px 0px; }
.tbs-guidep .x-pnl .x-btm .x-nav-en{ background-image:url(./imgs/help_nav.en.png); }
.tbs-guidep .x-pnl .x-btm .x-back{ top:10px; left:10px; right:auto; bottom:10px; background-position:0px 0px; }
.tbs-guidep .x-pnl .x-btm .x-next{ top:10px; left:auto; right:10px; bottom:10px; background-position:-30px 0px; }
.tbs-guidep .x-pnl .x-btm .x-close{ top:10px; left:50%; right:auto; bottom:10px; background-position:-60px 0px; width:60px; margin-left:-30px; }



/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	タイムシフト
*/
.tbs-tsft{ background:transparent; pointer-events:none; position:absolute; overflow:hidden; display:none; z-index:5; top:auto; left:50%; right:auto; bottom:80px; width:200px; height:50px; margin:0 0 0 -100px; }
.tbs-tsft .x-itm{ z-index:6; position:absolute; top:0; left:0; right:auto; bottom:auto; width:50px; height:50px; }

.tbs-tsft .tbs-tsft-icn{ width:50px; height:50px; background:transparent url(./imgs/timeshift_icn.png) no-repeat 0px 0px; background-size:250px 115px; }
.tbs-tsft .tbs-tsft-icn-day{ pointer-events:auto; cursor:pointer; background-position:0px 0px; }
.tbs-tsft .tbs-tsft-icn-eve{ pointer-events:auto; cursor:pointer; background-position:-50px 0px; }
.tbs-tsft .tbs-tsft-icn-ngt{ pointer-events:auto; cursor:pointer; background-position:-100px 0px; }
.tbs-tsft .tbs-tsft-icn-bar{ z-index:5; width:200px; height:30px; background-position:0px -100px; margin-top:15px; }

.tbs-tsft .tbs-tsft-icn-day[data-sel="yes"]{ background-position:0px -50px; }
.tbs-tsft .tbs-tsft-icn-eve[data-sel="yes"]{ background-position:-50px -50px; }
.tbs-tsft .tbs-tsft-icn-ngt[data-sel="yes"]{ background-position:-100px -50px; }


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	つぶやき
*/
	.tbs-aktb{
		position:absolute; overflow:visible; z-index:4; top:auto; left:auto; right:60px; bottom:45px; width:80px; height:110px; pointer-events:none; opacity:0;
		background:transparent url(./imgs/char_tweet.png) no-repeat right bottom; background-size:80px 110px; /* Original size : 160x220 */
	}
	.tbs-aktb-txt{
		position:absolute; overflow-x:hidden; overflow-y:auto; z-index:5; top:auto; left:auto; right:140px; bottom:120px; width:100%; height:auto; min-width:90px; max-width:160px; max-height:200px;
		background:transparent url(./imgs/char_tweet_btm.png) no-repeat right bottom; background-size:25px 12px; pointer-events:none; opacity:0; /* Original size : 50x24 */
	}
	.tbs-aktb-txt p{ overflow:hidden; position:relative; margin:0 0 12px 0; padding:10px; color:#156785; font-size:9pt; line-height:1.7em; background:#fff; border-radius:5px; pointer-events:none; }

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	VR タイトル
*/

.tbs-vrtitle{ pointer-events:none; overflow:hidden; position:absolute; display:none; opacity:0; background:transparent; z-index:2; top:5px; left:0px; right:0px; bottom:auto; width:100%; height:auto; }
.tbs-vrtitle p{ width:100%; max-width:300px; margin:0 auto; padding:0; line-height:1.4em; font-size:10pt; font-weight:bold; color:#fff; text-shadow:0 1px 2px #000; text-align:center; }