@charset 'UTF-8';

body.fixed {
	position: fixed;
    width: 100vw;
}

body.bgBlack {
	background-color: #000;
}

.playerHolder
{
	all: initial;
	position:relative;
	display: block;
	font-family: inherit;
	width: inherit;
	height: inherit;
}

.nba_top .playerHolder
{
	display: none;
}

.nba_top .playerHolder.active
{
	display: block;
}

body.detail.sp .playerHolder
{
	display:none;
}

.fitWindows .VideoObject {
	height: 100vh;
}

.fitWindows .bx-btn-header {
	display: none;
}

/*
.wide .azuremediaplayer,
#live .azuremediaplayer{
	width: 100%!important;
	height: 100%!important;
}
*/

.playerWide #contentsHeader .buyArea {
  display: none
}

.playerWide #contentsHeader .caution {
  display: none
}

.playerHolder>div
{
	width: 480px;
	height: 270px;
	display: none;
}

.playerHolder.flex>div
{
	width: auto;
	height: auto;
}

.sp .playerHolder>div
{
	width: 360px;
	height: 295px;
	display: none;
	left:50%;
	transform: translate(-50%, 0%);
}

.sp .playerHolder.flex>div
{
	width: auto;
	height: auto;
}

.playerHolder[class~="fitToWindow"]>div
{
	width: 100%!important;
	height: 100%!important;
	position: fixed;
	top:0;
	left:0;
}

.playerHolder[class~="playerWide"]>div
{
	width: 100%;
	height: 546px;
}

.wide .playerHolder>div
{
	width: 100%;
	height: 546px;
}

#contentsHeader .video.wide
{
	width: 100%;
	height: 546px;
}

.playerHolder .active, .playerHolder .main .active, .playerHolder .main .active, .playerHolder .control.active
{
	display: block;
}

.sp .playerHolder .active, .sp .playerHolder .main .active, .sp .playerHolder .main .active
{
	display: block;
}


.playerHolder .main
{
	position:relative;
	text-align:center;

}

.playerHolder .main>img
{
	height: 100%;
	vertical-align: bottom;
}

.playerHolder .mainImageWrapper
{
	height: 100%;
}

/*
.wide .playerHolder .main>img
{
	height: initial;
	width: 100%;
}
*/

.playerHolder .main .before-img img
{
	transform: translate(-50%, 0%);/* for NBA */
}

.browserIe .playerHolder .main .before-img img
{
	transform: translate(0%, 0%);/* for NBA */
}

.playerHolder .control
{
	position:absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.playerHolder .control .play
{
	position:absolute;
	background-image: url("./play_af.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 120px;
	background-color: rgba(0, 0, 0, .4);
	cursor: pointer;
	opacity: .8;
	width:50%;
	height: 100%;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.sp.browser_play .playerHolder .control .play
{
	position:absolute;
	background-image: url("./play_af.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 120px;
	background-color: rgba(0, 0, 0, .4);
	cursor: pointer;
	opacity: .8;
	width:50%;
	height: 100%;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.sp .playerHolder .control .play
{
	position:absolute;
	background: initial;
	width:50%;
	height: 100%;
	opacity: 1;
}


.sp:not(.browser_play) .playerHolder .control .play:before
{
	position: absolute;
	top: 31%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 60px;
	height: 60px;
	border: solid 2px #fff;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .7);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, .7);
	content: ''
}

.sp:not(.browser_play) .playerHolder .control .play:after
{
  position: absolute;
	top: 31%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 0;
	height: 0;
	margin: 0 0 0 10px;
	border: 13px solid transparent;
	border-left: 19px solid #fff;
	content: ''
}

.playerHolder .control .play:only-child
{
	width:100%;
}

.sp.browser_play .playerHolder .control .play:only-child
{
	width:100%;
}

.playerHolder .control .play:nth-child(2)
{
	left:50%;
}

.playerHolder .control .play:hover
{
  background-color: rgba(0, 0, 0, .1);
  opacity: 1;
}

.playerHolder .control .desc
{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	transform: translate(-50%, -50%);
	padding-bottom: 170px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0 #333;
}

.sp .playerHolder .control .desc
{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	transform: translate(-50%, -50%);
	padding-bottom: 14px;
	font-size: 19px;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 3px rgba(0,0,0, .7);
	font-weight:700;
	font-family: Helvetica,Arial,sans-serif;
}

.sp.browser_play .playerHolder .control .desc
{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	transform: translate(-50%, -50%);
	padding-bottom: 30%;
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0 #333;
}

.playerHolder .control .mixed
{
	width:50%;
}

.playerHolder .control .mixed[data-play_peep]
{
	left:50%;
}


.playerHolder .playOption
{
	position:absolute;
	display:none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
}

.playerHolder .playOption .desc
{
	position:absolute;
	top:40%;
	left:50%;
	width:100%;
	transform: translate(-50%, -50%);
	padding-bottom: 14px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0 #333;
}

.playerHolder .playOption  .optionList
{
	text-align: center;
	margin-top: 10px;
}

.playerHolder .playOption  .optionList>li
{
	position: relative;
	display: inline-block;
	margin: 0 10px 20px
}

.playerHolder .playOption  .optionList .selectBtn
{
  display: block;
  width: 214px;
  height: 56px;
  padding-right: 10px;
  border: solid 1px #fff;
  border-radius: 3px;
  background: url(./alpha07.png);
  color: #fff;
  line-height: 56px;
  cursor: pointer
}


.playerHolder .playOption  .optionList .selectBtn:hover
{
  background: url(./alpha03_blue.png);
  text-decoration: none
}

.playerHolder .videoHost
{
	position:relative;
	background-color: rgba(0, 0, 0, 1);
	height: 300px;
}

.playerHolder .playOption .sppStartDialog
{
position:relative;
	margin: 56px 0 0;
	text-align:center;
}

.playerHolder .playOption .sppStartDialog .sppStartDialogTitle {
  margin-bottom: 1em;
  color: #fff;
  font-size: 123.1%
}

.playerHolder .playOption .sppStartDialog>ul{
  list-style: none;
}

.playerHolder .playOption .sppStartDialog>ul li
{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 7px;
}

.playerHolder .playOption .sppStartDialog>ul li input {
  display: block;
  width: 130px;
  height: 50px;
  padding: 0;
  border: none;
  border-radius: 50px;
  background-color: #38d805;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);
  color: #fff;
  text-shadow: 0 1px 0 #2ebf00;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 50px;
  line-height: 50px\9;
  cursor: pointer;
  -webkit-appearance: button
}


/* ad */
.playerHolder .vjs-ad-playing
{
	width: 100%;
	height: 100%;
}


/* fuji */
.playerWide .fujinextPlay ul
{
	width:100%;
}


/* mobile */
.mptypeModal
{
	/*position: fixed;*/
	/*bottom: 48px;*/
    /*top: 0;*/
	/*left: 0;*/
	/*width: 100%;*/
    /*height: 100%;*/
	/*color:#fff;*/
	/*background-color: rgba(0, 0, 0, .5);*/
	/*z-index: 2147483647;*/
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    color: #333;
}

.mptypeModalBg
{
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.mptypeModalInner
{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
	background: rgba(255,255,255,.8);
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	border-radius: 10px;
	background: #f3f3f3;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-backdrop-filter: brightness(2) saturate(2) blur(20px);
	backdrop-filter: brightness(2) saturate(2) blur(20px);
}

.pc .mptypeModalInner
{
	width: 60%;
}

.mptypeModal.landscape
{
	/*bottom: 72px;*/
}

.mptypeModal.landscape .mptypeModalInner
{
	width: 80%;
    height: 60%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.pc .mptypeModal.landscape .mptypeModalInner
{
	height: auto;
    width: 60%;
}

.mptypeModal .mptypeElm
{
	font-size: 16px;
	/*width: 100%;*/
	height: 56px;
	line-height: 56px;
	text-align:center;
	cursor: pointer;
}

.mptypeModal .mptypeNotice
{
  font-size: 11px;
  color: #bf0000;
  padding: 0 0 10px;
  line-height: 1.6;
  width: 90%;
  margin: 0 5%;
}

.mptypeModal .mptypeNotice.mptypeNoticeHidden
{
  display: none;
}

.mptypeModal .mptypeNotice.isPromotionAndroidOs
{
  display: block;
}

.mptypeModal .mptypeElm:hover
{
	background-color: rgba(0,0,0,.1);
	cursor: pointer;
}

.pc .mptypeModal .mptypeElm
{
    font-size: 18px;
	height: 62px;
	line-height: 62px;
}

.mptypeModal .mptypeElm span
{
	position: relative;
	padding-left: 25px;
	width: 120px;
	display: inline-block;
}

.pc .mptypeModal .mptypeElm span
{
	width: 140px;
}

.mptypeModal .mptypeElm.mptypeElmBrowser span:before
{
	/*content: url('icon_play_black.svg');*/
	/*content: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%232C2C2C%22%2F%3E%20%3Cpath%20d%3D%22M21.2414%2014L10.3793%2020.2712L10.3793%207.72878L21.2414%2014Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');*/
    content: '';
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%232C2C2C%22%2F%3E%20%3Cpath%20d%3D%22M21.2414%2014L10.3793%2020.2712L10.3793%207.72878L21.2414%2014Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: contain;
    width: 28px;
	height: 28px;
	position: absolute;
	top: 50%;
	left: 0;
	/*margin-top: -8px;*/
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

.mptypeModal .mptypeElm.mptypeElmApp span:before
{
    content: '';
	/*background-image: url('./icon_app.svg');*/
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iOCIgZmlsbD0iI0JGMDAwMCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjg2NDIgMTcuNjkyNkMyMC4zNzA4IDE3Ljk5MTEgMjAuMzg2OSAxOC4yNjM1IDIwLjQyNjQgMTguOTIxOEMyMC40MjY0IDE4LjkyMTggMjAuNTUwMiAyMC41OTM2IDIwLjYwMTEgMjEuNDY2NkMyMC42Mjk3IDIxLjk1ODMgMjAuNjYzMiAyMi40Njk3IDIwLjY5NzQgMjIuOTkyOUMyMC44NzgzIDI1Ljc1NzcgMjEuMDgwOSAyOC44NTI4IDIwLjcwNjEgMzEuMTI0NkMyMC4zOTE2IDMzLjAzNTYgMTkuNzkxIDM0LjM2NTcgMTguNTQ2MiAzNC4zNjU3QzE3LjMwNzQgMzQuMzY1NyAxNy4yMDk0IDMyLjI2MTkgMTcuMTY1OSAzMS4zMjc1QzE3LjE2MjMgMzEuMjUxNiAxNy4xNTkxIDMxLjE4MzQgMTcuMTU1NyAzMS4xMjQ2QzE3LjEzMTggMzAuNzEyMyAxNi44NzY1IDI0LjgxNjMgMTYuNzUxNyAyMS43ODMzQzE2LjcyMjEgMjEuMDY0NyAxNi42NTI0IDE5LjQ3MzUgMTYuNjM0NyAxOS4zMTkxQzE2LjYyMTcgMTkuMjAyMSAxNi41NDQzIDE5LjE0MTggMTYuMzg0NiAxOS4xNjIxQzE1LjM5NTkgMTkuMjg4NyAxMi44MjQ5IDIwLjE4NzYgMTEuOTk5MiAyMC40NzYzQzExLjg4NTYgMjAuNTE2IDExLjgwNSAyMC41NDQyIDExLjc2NjIgMjAuNTU3MkMxMC4yMzY0IDIxLjA2OTQgOCAyMC41OTYyIDggMTguNzM5OUM4IDE3LjU2NjggOS4wMTc1OSAxNi43MTE0IDEwLjE3ODcgMTYuNDI1OUMxMy4wMDQzIDE1LjczMTggMTguMTA2OCAxNC4wNDEzIDIyLjE1NTggMTIuNTk0OEMyMi42MjYgMTIuNDI2OCAyMy4wNDg0IDEyLjI3MTUgMjMuNDM1MyAxMi4xMjkzQzI1LjQ1MiAxMS4zODggMjYuNTA3NiAxMSAyOC4zNjcgMTFDMjkuMTc5MiAxMSAyOS45Nzg5IDExLjEzNDcgMzAuNTc0OCAxMS41MzYxQzMxLjIwNTUgMTEuOTYyIDMxLjU0MTQgMTIuNjMxNyAzMS41NzE2IDEzLjUyNzZDMzEuNjU1MyAxNi4wMzE4IDMwLjI4MDUgMTcuNTU2OSAyOS4xMTc4IDE4LjE2MzJDMjguMjMyMyAxOC42MjU1IDI3Ljk0NTggMTguNTQ0OSAyNy42NTM2IDE4LjMxNjZDMjcuMjk3NCAxOC4wMzc5IDI3LjM4NDIgMTcuMzc3IDI3LjcwMzUgMTYuNjcyOUMyNy44Nzk3IDE2LjI4NCAyNy44MjQ2IDE1Ljg0NTcgMjcuNTY5OCAxNS41NTg2QzI3LjMyNTUgMTUuMjgyNSAyNi45NDA3IDE1LjIwMDQgMjYuNTIgMTUuMzMxNEMyMy4xMDc0IDE2LjM4NjQgMjEuMjA5NSAxNy40ODM2IDIwLjg2NDIgMTcuNjkyNlpNMzIuNjg0NSAxOS45MTY3QzMzLjgzMTEgMTcuMTYyOSAzNS40MjUzIDE0LjA2MTggMzcuMTAwNyAxNC4wNjE4QzM4LjExOTMgMTQuMDYxOCAzOC40MSAxNC43ODQgMzguNDEgMTUuNDcyNUMzOC40MSAxNi43NjMzIDM3LjU0ODggMTguNzU2MSAzNi43NDgzIDIwLjYwODNDMzYuNjQ5MiAyMC44Mzc3IDM2LjU1MDkgMjEuMDY0OSAzNi40NTU0IDIxLjI4ODRDMzUuMzg2MyAyMy43ODkgMzMuNzI1NSAyNy44OTc4IDMzLjA2MiAzMC4wNzAzQzMyLjY5NiAzMS4yNzA0IDMyLjI2OCAzMi43MzYyIDMxLjk2NzUgMzQuMDI1OEMzMS40OTU5IDM2LjA0NzQgMzAuNTcxNCAzNi4zMjA5IDI5Ljg5MjMgMzYuMzIwOUMyOS40NzQ3IDM2LjMyMDkgMjguODU2NSAzNi4wNzAzIDI4LjE5NzcgMzQuMDg5MkMyOC4xMDA0IDMzLjc5OCAyNy4wMjQ2IDMwLjQ5MiAyNy4wMjQ2IDMwLjQ5MkMyNi43ODI3IDI5LjczNTIgMjUuNDU2MiAyNi40Nzc4IDI0Ljc1NzMgMjQuNzYxN0MyNC41MjMyIDI0LjE4NyAyNC4zNTk2IDIzLjc4NTEgMjQuMzMwNiAyMy43MDc5QzIzLjk3MTggMjIuNzUxMSAyMy42MjcxIDIxLjcxMjIgMjMuNjI3MSAyMC44ODA4QzIzLjYyNzEgMTkuNzA4MiAyNC40MDg2IDE5LjMwNDIgMjUuMDY2OSAxOS4zMDQyQzI2LjI0NjcgMTkuMzA0MiAyNy4xNzU0IDIwLjcwNTUgMjguMDQ0MyAyMi41MzEyQzI4LjQwMjkgMjMuMjg0MiAyOS4wMDQ2IDI0Ljk2ODQgMjkuNDYzIDI2LjI1MTNDMjkuNjU2NiAyNi43OTMzIDI5LjgyNDcgMjcuMjYzNiAyOS45MzggMjcuNTYxOUMzMC4xMzU5IDI3LjEzODkgMzAuMzg3NiAyNi4zNzAzIDMwLjcxNDMgMjUuMzcyOEMzMS4xOTAyIDIzLjkxOTUgMzEuODI1MiAyMS45ODA1IDMyLjY4NDUgMTkuOTE2N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzguOTgyNiA0My45NjU2QzM2LjIyOTEgNDMuOTY1NiAzNCA0MS43MzU4IDM0IDM4Ljk4NEMzNCAzNi4yMzE3IDM2LjIyOTEgMzQgMzguOTgyNiAzNEM0MS43MzQ4IDM0IDQzLjk2NTYgMzYuMjMxNyA0My45NjU2IDM4Ljk4NEM0My45NjU2IDQxLjczNTggNDEuNzM0OCA0My45NjU2IDM4Ljk4MjYgNDMuOTY1NlpNMzguMzIzOCA0MS42NjFWNDAuMDAwM0gzOS4wNDM2TDQwLjI4OTUgNDEuNjYxSDQxLjU2MzFMNDAuMDU3NyAzOS42NTY5QzQwLjUyNjkgMzkuMzIwMSA0MC44MzQ5IDM4Ljc3MjYgNDAuODM0OSAzOC4xNTIyQzQwLjgzNDkgMzcuMTMzNCA0MC4wMDY2IDM2LjMwNiAzOC45ODc4IDM2LjMwNkgzNy4zMDY0VjQxLjY2MUgzOC4zMjM4Wk0zOC4zMjM4IDM3LjMyMjhIMzguOTg3OEMzOS40NDQ4IDM3LjMyMjggMzkuODE4NCAzNy42OTQ1IDM5LjgxODQgMzguMTUyMkMzOS44MTg0IDM4LjYxMTMgMzkuNDQ0OCAzOC45ODI2IDM4Ljk4NzggMzguOTgyNkgzOC4zMjM4VjM3LjMyMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
	background-repeat: no-repeat;
	background-size: contain;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 50%;
	left: 0;
	/*margin-top: -8px;*/
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

.mptypeModal.landscape .mptypeElm
{
}

.mptypeModal.landscape .mptypeElm .mptypeElmInner
{
	width: 60%;
}

.mptypeModal .mptypeCheckInfo
{
	font-size: 12px;
	text-align: center;
	color: #595959;
	line-height: 1.5;
	margin-bottom: 10px;
}

.mptypeModal .mptypeCancel
{
	height: 48px;
	line-height: 48px;
	border-top: 1px solid #C4C4C4;
	display: block;
	color: #05c;
	text-align: center;
	font-size: 14px;
}

.mptypeModal .mptypeCancel:hover
{
	background-color: rgba(0,0,0,.1);
	cursor: pointer;
}

.pc .mptypeModal .mptypeCancel
{
	font-size: 18px;
	height: 56px;
	line-height: 56px;
}

.mptypeModal.landscape .mptypeCancel
{
}

.mptypeModal .mptypeElm:hover
{
	/*background-color:#000099;*/
}

.mptypeModal .mptypeCheckElm
{
	border-top: 1px solid #C4C4C4;
	text-align: center;
	height: 34px;
	line-height: 34px;
	padding-top: 10px;
}

.mptypeModal .mptypeCheckElm .mptypeCheckElmBox
{
	height: 28px;
	display: inline-block;
	position: relative;
	padding-left: 35px;
    line-height: 28px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mptypeModal .mptypeCheckElm .mptypeCheckElmBox input
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.mptypeModal .mptypeCheckElm .mptypeCheckElmBox .checkmark
{
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	/*background-color: #eee;*/
	border: 3px solid #AFAFAF;
	border-radius: 5px;
}

.mptypeModal .mptypeCheckElm  .mptypeCheckElmBox:hover input ~ .checkmark {
	background-color: #eee;
}

.mptypeModal .mptypeCheckElm .mptypeCheckElmBox input:checked ~ .checkmark {
	/*background-color: #C2C2C2;*/
}

.mptypeModal .mptypeCheckElm .mptypeCheckElmBox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.mptypeModal .mptypeCheckElm .mptypeCheckElmBox input:checked ~ .checkmark:after {
	display: block;
}

.mptypeModal .mptypeCheckElm .mptypeCheckElmBox .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #AFAFAF;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mptypeModal.landscape .mptypeCheckElm
{
	/*width:60%;*/
	/*height: 30px;*/
	/*margin: 10px 0;*/
	/*padding:3px;*/
	/*line-height:30px;*/
}

.playerModal
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 1);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 7000;
}

.playerModal .nowLoading,
.playerModal.notReady.error .nowLoading
{
	display: none;
}

.playerModal.notReady .nowLoading
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width:100vw;
	height: 100vh;
	line-height: 100vh;
	text-align: center;
	font-family: sans-serif;
	font-size: 16px;
	color: #fff;
	-webkit-animation: loadinganimation 1800ms ease-out forwards infinite;
	animation: loadinganimation 1800ms ease-out forwards infinite;
}

@keyframes loadinganimation
{
	from,to
	{
		opacity: 0;
	}
	50%
	{
		opacity: .5;
	}
}

.playerModal .videoHost
{
	position: relative;
	background-color:  rgba(0, 0, 0, 1);
	height:  calc(100vw*9/16);
}

.playerModal.landscape .videoHost
{
	position: relative;
	background-color:  rgba(0, 0, 0, 1);
	height: 100vh;
}


.playerPcModal
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 7000;
}

.playerPcModal .videoHost
{
	position: absolute;
	top: 5vh;
	height: 90vh;
	width: calc(90vh*16/9);
	left: 50%;
	transform: translate(-50%, 0%);
}

.playerPcModal.portrait .videoHost
{
	position: absolute;
	left: 10vw;
	width: 80vw;
	height: calc(80vw*9/16);
	top: 50%;
	transform: translate(0%, -50%);
}


.playerPcModal.playerHolder>div
{
	display: block;
}

.playerPcModal .playerModalCloseLine
{
	position: absolute;
	top: -4.5vw;
	right: -1vw;
	text-decoration: none;
	text-align: right;
	z-index: 7001;
}

.playerModalCloseLine sup
{
	font-size: 4vw;
	cursor: pointer;
	color: #fff;
	opacity: 0.7;
}

.playerModalCloseLine sup:hover
{
	opacity: 1;
}

.playerPcModal .bgClickArea
{
	position: absolute;
	height: 100%;
	width: 100%;
}



.sp.static .actress_s-opus .playerHolder .control.active
{
	width: 241px;
	height: 260px;
	top: -30px;
}