/* common */

.adBottomBar
{
	position: absolute;
	width: 100%;
	height: 35px;
	bottom: 0;
	/* pointer-events: none; */
}

body.pc .adBottomBar
{
	width: calc(100% - 10px);
	left: 5px;
	height: 60px;
}

.amp-default-skin .vjs-fullscreen-control.vjs-fullscreen::before {
	content: "\e902";
}

.adCountdown
{
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: #ECC546;
	position: absolute;
}

.adCuepoint {
	position: relative;
	bottom: -8px;
	z-index: 6;
	width: 100%;
	height: 3px;
}

.adCuepointItem {
	position: absolute;
	height: 100%;
	background-color: rgba(255, 255,255, 0.4);
	display: block;
}


.playerModal .adCuepointItem {
	background-color: rgba(235, 255, 0, 0.6);
}

.playerModal .mobileProgressBar .sliderHandle {
	background-color: rgba(235, 255, 0, 0.6);
	/*z-index: 7;*/
}

.videoHost > .azuremediaplayer .adCuepoint
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

#adArea .adCuepoint
{
	display: none;
}

/*body.sp .adCuepoint*/
/*{*/
/*	display: none;*/
/*}*/

.playerModal .mobileProgressBar .adCuepoint
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: initial;
}

body.pc .adCountdown
{
	position: relative;
	bottom: -11px;
	z-index: 5;
}

.adLayer
{
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.adLayer-top
{
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 85%;
}

#adArea
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body.pc #adArea
{
	overflow: hidden;
}

body.pc #adArea .adBottomBar
{
	transition: 1s;
}

body.pc #adArea.hover .adBottomBar,
body.pc #adArea:hover .adBottomBar,
body.pc #adArea:hover .adBottomBar:hover
{
	bottom: 0;
}

body.pc #adArea:not(.hover) .adBottomBar
{
	bottom: -42px;
}


body.pc .video .videoHost #adArea::after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	z-index: 4;
	background-color: #000;
}

body.pc .video .videoHost #adArea iframe
{
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
}

body.pc .video .videoHost #adArea iframe.adIframe
{
	clip: rect(190px,480px,253px,310px);
}

body.pc.playerWide .video .videoHost #adArea iframe.adIframe
{
	clip: rect(466px, 1158px, 509px, 871px);
}

body.pc.fitWindows .video .videoHost
{
	min-width: 640px;
	min-height: 380px;
}

body.pc.fitWindows .video .videoHost #adArea iframe.adIframe
{
	clip: rect(466px, 1158px, 509px, 871px);
}

body.pc .video .videoHost .azuremediaplayer + #adArea
{
	position: absolute !important;
}

body.pc .video .videoHost .azuremediaplayer.vjs-fullscreen + #adArea iframe.adIframe
{
	width: 190px;
	height: 80px;
	bottom: 0;
	right: 0;
	clip: auto;
}

body.pc .video .videoHost .azuremediaplayer.vjs-fullscreen + #adArea
{
	position: fixed !important;
}

.playerModal iframe
{
	width: 100%;
	height: 100%;
}

#adArea > div:first-child
{
	width: 100%;
	height: 100%;
}

.playerModal.portrait #adArea
{
	top: 60px;
	/*height: calc(100% - 60px);*/
	height: calc(100vw*9/16);
}

.playerModal.portrait #adArea > div:first-child
{
	width: 100%;
	height: calc(100vw*9/16);
}

.playerModal.landscape #adArea > div:first-child
{
	width: 100%;
	height: 100%;
}

.playerModal.landscape #adArea.resize
{
	height: 80%;
}

body.pc #ctrl_googleIMA.amp-default-skin
{
	position: relative;
	width: calc(100% + 10px);
	height: 100%;
	bottom: 0;
	left: -5px;
	z-index: 4;
}
body.pc #ctrl_googleIMA.amp-default-skin .vjs-control-bar
{
    opacity: 1;
}
body.pc #ctrl_googleIMA.amp-default-skin .vjs-control-bar .vjs-paused.vjs-play-control::before
{
    content: "\e906";
}
body.pc #ctrl_googleIMA.amp-default-skin .vjs-control-bar .vjs-playing.vjs-play-control::before
{
    content: "\e909";
    margin-left: 1px;
}
/*end*/