﻿#detail_sns
{
	float:right;

}
#detail_sns ul li {
		float: left;
		margin: 10px 2px 20px 0;
		width: 100px;
	}

/* LIVE映像16:9 */
#content_wrapper .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    }
#content_wrapper .video-container video,
#content_wrapper .video-container object,
#content_wrapper .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

/*カウントダウン表示*/
#countdown {
  position: absolute;
  top:158px;
  right:0px;
  width:178px;
  height:38px;
  text-align: none;
  border:solid 1px rgba(255,255,255,0.5);
  color:#ffffff;
  background-color:rgba(71,71,71,0.5);}
  #countdown #count{
    position:absolute;
    left:20px;
    top:-4px;
    font-size: 1.7em;
    font-weight: bold;
    padding:3px;
    color:rgba(255,255,255,0.5);}
  #countdown #counttextup{
    position:absolute;
    left:52px;
    top:2px;
    font-size: 0.8em;
    color:rgba(255,255,255,0.5);}
  #countdown #counttextdown{
    position:absolute;
    left:52px;
    top:18px;
    font-size: 0.8em;
    color:rgba(255,255,255,0.5);}

/*CMスキップボタン*/
#skip {
  position: absolute;
  top:158px;
  right:0px;
  width:180px;}
  #skip input {
    text-align:center;
    font-size:1.2em;
    font-weight: bold;
    color:rgba(255,255,255,0.5);
    letter-spacing: 0.02em;
    width:100%;
    height:40px;
    border:solid 1px rgba(255,255,255,0.5);
    background-color:rgba(71,71,71,0.5);
    background-image: url("../img/cm/skipbase.png");}

/* 2019/03/18 kajikawa パスワード認証視聴機能追加 start */
.authenticationlayer {
    display: none;  /* 初期表示は非表示 */
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.20;
}
#authenticationpopup {
    display: none;  /* 初期表示は非表示 */
    position: absolute;
    background-color: white;
    width: 400px;
    height: 200px;
    z-index: 10;
}

#authenticationpopup {
  display: none;  /* 初期表示は非表示 */
  position: absolute;
  background-image: linear-gradient(rgba(245,245,245,0.9),rgba(180,180,180,0.9));
  width: 100%;
  height: 55%;
  top: 7%;
  left: 0px;
  border: solid 0px #828282;
  z-index: 10;
}

.SideBySide {
  text-align: center;
  margin: 7% 0px 0px 0px;
}
  .SideBySide #logomark img{
    width: 48px;
    height: 48px;
  }
  .SideBySide #logotext{
    margin: 13px 0px;
    font-size: 12pt;
    font-weight: bold;
  }

#categoryarea{
  text-align: center;
  margin: 2% 10px 5px 10px;
  }
  #categoryarea #moviecategory{
    text-align: center;
    margin: 0px 0px 0px 0px;
    font-size: 14pt;
  }

#inputarea{
  text-align: center;
  margin: 5px 10px 10px 10px;
  }
  #inputarea #inputPassword{
    text-align: center;
    width: 240px;
    height: 30px;
    border: solid 1px #4b4b4b;
    border-radius: 2px;
    font-size: 12pt;
  }
	::placeholder {
		color: #aaaaaa;
	}

#confirmarea{
  text-align: center;
  margin: 5% 0px 40px 0px;
  }
  #confirmarea #authenticationshow{
    display: inline-block;
    width: 240px;
    height: 50px;
    font-size: 14pt;
    padding: 0.5em 1em;
    text-decoration: none;
    border: solid 2px #a48404;
    border-radius: 4px;
    color: #333;
    background-image: linear-gradient(180deg, #ffe681 0%, #ffd118 100%);
  }
  #confirmarea #authenticationshow:hover{
    color: #fff;
  }

.SideBySide span{
    display:inline-block;
    vertical-align:top; /*縦方向の揃え位置を指定*/
}
/* 2019/03/18 kajikawa パスワード認証視聴機能追加 end */
