* {
	box-sizing: border-box;
}
html,body {
	min-width: 1024px;
	height: 100%;
}
.height-100 {
	height: 100%;
}
.header-panel {
	background-color: #009587;
	height: 144px;
	position: relative;
	z-index: 3;
}

.header-panel div {
	position: relative;
	height: 100%;
}

.header-panel h1 {
	color: #FFF;
	position: absolute;
	bottom: 10px;
	padding-left: 35px;
}
/*common VideoItem　ボタン*/
.common.videoitem.btn,
.common-image-div{
	height: 92px;
	padding: 0;
	width: 162px;
	text-align: center;
	border-radius: 0px;
	position: relative;
	background-color: #e5e5e5;
	border: 1px #bbb solid;
}
.common-image-div-live-tag{
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
	color: #FFF;
	z-index: 0;
}
.common-image-div-live-tag:before{
	text-align: left;
	position: absolute;
	content: "";
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 40px 0 0;
	border-color: #ff0000 transparent transparent transparent;
	z-index: 0;
}
.common-image-div-live-tag:after{
	content: "Live";
	position: absolute;
	left: 2px;
	top: 2px;
	font-size: 12px;
}
.common-image-div-video{
	height: 92px;
	padding: 0;
	width: 162px;
	text-align: center;
	border-radius: 0px;
	position: relative;
	background-color: #e5e5e5;
	border: 1px #bbb solid;
}
.content-img .common-image-div,
.content-img .common-image-div-video{
	height: 182px;
	width: 322px;
	display: block;
	border-radius: 0;
	background-color: #e5e5e5;
	text-align: center;
}
.common-left0{
	margin-left: 0 !important
}
.common-left5{
	margin-left: 5px
}
/*common VideoItem　ボタン　play*/
.common-play{
	background-color: unset;
	padding: 0;
	position: absolute;
	top: 29px;
	left: 64px;
}
.content-img .common-play{
	width: 48px;
	height: 48px;
	position: absolute;
	top: 66px;
	left: 136px;
}
/*common　VideoItem ボタン　playTime*/
.common.videoitem.tdPlayTime{
	display: flow-root;
	background-color: black;
	width: 50px;
	text-align: center;
	position: absolute;
	color: white;
	font-size: 13px;
	bottom: 0;
	right: 0;
}
/*コンテンツ詳細 ペレイボタン duration*/
.content-img .common.videoitem.tdPlayTime{
	display: none;
}
/*common 16:9*/
.width-height16-9{
	width: 160px;
	height: 90px;
}
.playimage16-9,
.playimage32-9{
	left: -96px;
}
.content-img .width-height16-9{
	width: 320px;
	height: 180px;
}
/*common　thumbnail 9:16*/
.width-height9-16{
	width: 50.625px;
	height: 90px;
}
.playimage9-16{
	left: -41.3px;
}
.content-img .width-height9-16{
	width: 101.25px;
	height: 180px;
}
/*common 32:9*/
.width-height32-9{
	width: 160px;
	height: 45px;
	margin-top: 22.5px;
}
.content-img .width-height32-9{
	height: 90px;
	width: 320px;
	margin-top: 45px
}
/*common 4:9*/
.width-height4-9{
	width: 40px;
	height: 90px;
}
.playimage4-9{
	left: -36px;
}
.content-img .width-height4-9{
	height: 180px;
	width: 80px;
}
/*common　VideoItem playing*/
.common-videoitem-playing{
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	position: absolute;
	background-clip: padding-box;
	display: block;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background-color: #e5e5e5
}
table #id16-9,
table #id4-9,
table #id32-9,
table #id9-16{
	width: 160px;
	height: 90px;
}
.content-img  #id16-9,
.content-img  #id4-9,
.content-img  #id32-9,
.content-img  #id9-16{
	height: 180px;
	width: 320px;
}
/*common プレビュー*/
#videoItem16-9 .modal-dialog,
#videoItem16-9 .modal-content,
#videoItem16-9 .modal-body,
#videoItem16-9 .video-react,
#videoItem16-9 .common.big.image,
#videoItem9-16 .modal-dialog,
#videoItem9-16 .modal-content,
#videoItem9-16 .modal-body,
#videoItem4-9 .modal-dialog,
#videoItem4-9 .modal-content,
#videoItem4-9 .modal-body,
#videoItem32-9 .modal-dialog,
#videoItem32-9 .modal-content,
#videoItem32-9 .modal-body{
	width: 960px !important;
	height: 540px !important;
	border: none
}
#videoItem9-16 .modal-body,
#videoItem16-9 .modal-body,
#videoItem32-9 .modal-body,
#videoItem4-9 .modal-body{
	min-height: unset;
	padding: 0;
}
/*9-16*/
#videoItem9-16 .video-react,
#videoItem9-16 .common.big.image{
	width: 303.75px !important;
	height: 540px !important;
	border: none;
}
#videoItem9-16 .video-react{
	margin-left: 328.13px;
}
/*4-9*/
#videoItem4-9 .video-react,
#videoItem4-9 .common.big.image{
	width: 240px !important;
	height: 540px !important;
	border: none;
}
#videoItem4-9 .video-react{
	margin-left: 360px;
}
#videoItem4-9 .video-react-control-bar .video-react-control{
	width: 39px !important
}
/*32-9*/
#videoItem32-9 .video-react,
#videoItem32-9 .common.big.image{
	width: 960px !important;
	height: 270px !important;
	border: none;
	margin-top: 135px
}
.common-no-vedioitem{
	height: 90px;
	border: 1px solid #bbb;
}
.menu {
	overflow: auto;
	padding: 0;
}
.menu, .menu * {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.menu ul {
	padding: 0;
	margin: 7px 0;
}

.menu ul li {
	list-style: none;
	padding: 20px 0 20px 50px;
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
}

.menu ul li.active {
	background-color: #dedede;
	position: relative;
}

.menu ul li a {
	color: rgb(51, 51, 51);
	text-decoration: none;
}

.pages {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	padding: 0;
	overflow: auto;
}

.pages > div {
	padding: 0 5px;
	padding-top: 64px;
}

.pages .header {
	color: rgb(82, 101, 162);
}

.page {
	transform: translateY(1080px);
	transition: transform 0 linear;
	display: none;
	opacity: 0;
	font-size: 16px;
}

.page.active {
	transform: translateY(0px);
	transition: all 0.3s ease-out;
	display: block;
	opacity: 1;
}

.opensource {
	color: rgba(0, 0, 0, 0.62);
	position: fixed;
	margin-top: 50px;
	margin-left: 50px;
	z-index: 100;
}

#source-modal h4 {
	color: black;
}

#paypal .btn {
	padding: 5px 30px 6px 30px;
}

#paypal input {
	background: transparent;
	border: 0;
}

.cbwrapper div {
	display: none;
}

.cbwrapper div:nth-child(2) {
	display: block;
}

#carbonads, #fakecb {
	border: 1px solid #d5d5d5;
	font-size: 11px;
	line-height: 15px;
	overflow: hidden;
	width: 340px;
	padding: 20px;
	margin: auto;
	height: 142px;
	border-radius: 2px;
}

#carbonads .carbon-img {
	float: left;
	display: block;
}

#carbonads .carbon-text, #carbonads .carbon-poweredby {
	float: left;
	width: 150px;
	padding: 0 10px 10px 10px;
}

#carbonads .carbon-text:hover, #carbonads .carbon-poweredby:hover {
	text-decoration: none;
}

#carbonads .carbon-poweredby {
	color: #9D9D9D;
}

#shadow .sample {
	width: 100px;
	height: 100px;
	margin: 16px;
	padding: 16px;
	display: inline-block;
}

#shadow-sample2 {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 16px;
	padding: 16px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

}

#shadow-sample3 {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 16px;
	padding: 16px;
	border-radius: 100px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#input .inputs {
	width: 80%;
}

#slider .sample2 {
	height: 150px;
}


.btn{
	border:none;

}

.dropdown-toggle::after{
	content:none;
}

.oi{
	color:white;
	font-size: 130%;
}
.positonRight{
	float:right;
	cursor: pointer;
  padding-top: 5px;
}
.background-height{
	min-width: 1024px;
	position: absolute;
	top: 50px;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 630px;
	height: auto;
	overflow: hidden;
}
.background-height-scroll{
	min-width: 1024px;
	position: absolute;
	top: 50px;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 630px;
	height: auto;
	overflow: scroll;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 60px;
}
.device-register-background-height{
	min-width: 1024px;
	position: absolute;
	top: 50px;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 750px;
	height: auto;
	overflow: hidden;
}
.alert{
	height: 50px;
	border-radius: 0;
	margin-bottom: 0;
	padding: 0 8px;
	line-height: 50px;
	border: none;
	position: fixed;
	top: 50px;
	z-index: 1;
	min-width: 1024px;
}
.App.user.login .alert{
	position: inherit;
	text-align: left;
	font-size: 14px;
	min-width: unset;
	height: 40px;
	line-height: 40px;
}
.alert-danger{
	background-color: rgb(182, 5, 5);
	text-align: center;
	font-size: 20px;
	color: white;
}
.alert-success{
	background-color:rgb(29, 136, 0);
	text-align: center;
	font-size: 20px;
	color: white;
}

.alert-warning{
	text-align: center;
	font-size: 20px;
}
.main-left-form-group1{
	margin-top: 5%
}
.displayContentsRegister-rightPopuptableForm .form-control,
.main-left-form-group1 .form-control,
.schedule-formgroupright .form-control,
.content.list.Modalbody.FormGroup .form-control{
	padding: 0px 12px;
	height: 32px;
	color: rgb(27, 27, 27);
}

.main-left-label3{
	padding-top: 6%;
}
.main-left-modal{
	width: 100%;
	text-align: left;
}
.main-rignt-text{
	padding-top:5%;
	font-size: 14px;
}
.footer-btn{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 64px;
	min-width: 1024px;
}
.content-register-footer-btn{
	width: 100%;
	text-align: center;
	min-width: 1024px;
}
.deviceregister-footer-btn{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 15px;
	min-width: 1024px;
}
.setting-footer-btn{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 34px;
	min-width: 1024px;
}
.footer-btn-rest-init{
	margin-right: 10%;
	width: 120px;
	height: 40px;
	background-color: #E6E6E6;
	color:#666666;
	border: 1px solid #666666;
	opacity: 1;
	border-radius: 4px;
}
.footer-btn-commit-init{
	width: 120px;
	height: 40px;
	background-color: #E6E6E6;
	color:#666666;
	border: 1px solid #666666;
	opacity: 1;
	border-radius: 4px;
}
.footer-btn-commit-history {
	width: 120px;
	height: 40px;
	border: 1px #38428C solid;
	border-radius: 4px;
	background-color: #38428C;
	color:#FFFFFF;
	opacity: 1;
	margin-left: 10%;
}
.footer-btn-rest-load{
	margin-right: 10%;
	height: 40px;
	width: 120px;
	border: 1px #ff3333 solid;
	border-radius: 4px;
	background-color: #ff3333;
	color: #FFFFFF;
}
.footer-btn-rest-load:hover{
	opacity: 0.8;
}
.footer-btn-rest-load:focus{
	border: 2px  solid #E69900;
}
.dropdown-menu{
	background-color: #e5e5e5;
	margin:0;
	padding: 0;
	width: 100%;
	cursor: pointer;
}

.dropdown-menu>li{
	padding: 4px 16px;
}

.dropdown-menu>li:hover{
	background-color: #cccccc;
}

.dropdown-menu>li:active{
	outline: none;
}

.dropdown-menu-li-disable{
	background-color: #ccc !important;
	cursor: not-allowed;
	color: #7D7D7D;
}

.header1{
	display:	grid;
	grid-template-columns: 50px 1fr;
	padding: 0;
}

.header1-text{
	font-size: 		18px;
	margin-left:    24px;
	line-height:	50px;
}
.header2{
	height: 50px;
	text-align: center;
	line-height: 50px;
	padding: 0

}
.header2-text{
	border: none;
	font-size: 18px;
	font-weight: 600;
}
.header3{
	height: 50px;
	text-align: right;
	line-height: 50px;
	padding-right: 15px;
	padding-left: 0;
}

/*deviceRegister*/
.deviceRegister-countryselect{
	margin-top:10px;
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.deviceRegister-countryselect:hover{
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.deviceRegister-countryselect:focus{
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.deviceRegister-country{
	margin-top:10px;
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
	height: 32px;
	padding: 0 12px;
}
.deviceRegister-country:hover{
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
}
.deviceRegister-country:focus{
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
}
.deviceRegister-container-constantsList{
	max-width: 100%;
	margin-left:0px;
	margin-right: 0px;
	min-width: 100%;
}
.deviceRegister-title{
  text-align: center;
  margin-top: 10px;
}
.deviceRegister-marginLeft{
  margin-left: 40%;
  width: 100%;
  font-size: unset
}
.deviceRegister-countryLable1{
  margin-top: 3%;
  font-size: 17px;
}

.deviceRegister-countryLable1 .dropdown-menu {
	width:	65%;
}
.deviceRegister-marginRight{
  width: 100%;
  font-size: unset
}
.deviceRegister-countryText{
  border: none;
}
.deviceRegister-shopRow{
  margin-top: 3%
}
.dropdown{
  width: 100%;
}
.deviceRegister-dropDowninit{
	text-align:left;
  width:65%;
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
	font-size: 15px;
	height: 32px;
	padding: 0px 12px;
	border-radius: 4px
}
.deviceRegister-dropDowninit:hover{
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
}
.deviceRegister-dropDowninit:focus{
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
}
.deviceRegister-dropDown{
  width: 65%;
  background-color: #FFFFFF;
  text-align: left;
  border: none;
	color:#1B1B1B;
	font-size: 15px
}
.deviceRegister-dropDown:hover{
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.deviceRegister-dropDown:focus{
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.deviceRegister-dropDownMenu{
  width: 65%;
}
.deviceRegister-marginTop{
  margin-top: 3%
}
.deviceRegister-marginTop .deviceRegister-countryText{
	width: 58%
}
.deviceRegister-shopText{
	background-color: #FFFFFF;
	border-radius: 4px;
	border: none;
	height: 32px;
	width: 65.5%;
	font-size: 15px;
	color:#1B1B1B;
	padding: 0px 12px;
}
.deviceRegister-pinMarginLeft{
  width: 33%;
  margin-left: 35%;
}
.deviceRegister-PINText{
  height: 60px;
  border-radius: 4px;
  border: none;
  width: 100%;
  text-align: center;
  font-size: xx-large;
  background-color: rgb(244, 244, 244);
}
.deviceRegister-PINText2{
  height: 60px;
  border-radius: 4px;
  border: none;
  text-align: center;
  font-size: xx-large;
  background-color: rgb(244, 244, 244);
}
.deviceRegister-PINButton{
  height: 40px;
  border-radius: 4px;
	width: 120px;
	margin: 10px auto;
  border: 1px solid #666666;
	background-color: #E6E6E6;
	color: #666666;
}
.deviceRegister-PINButton1{
	margin: 10px auto;
}
.deviceRegister-ContinueRegister{
	width: 180px;
	height: 40px;
	border: 1px #38428C solid;
	border-radius: 4px;
	background-color: #38428C;
	color: #FFFFFF;
	margin-top: 30px;
}
.deviceRegister-ContinueRegister:hover{
	background-color: rgba(56, 66, 140, 0.8);
	border: 1px rgba(56, 66, 140, 0.8) solid;
}
.deviceRegister-ContinueRegister:focus{
	border: 1px  solid #E69900;
}
.deviceRegister-footer-btn{
	width: 100%;
	text-align: center;
	margin-top: 10px;
	position: fixed;
}
.deviceRegister-PINGroup1{
  height: 60px;
  border-radius: 4px;
  border: none;
  width: 32%;
  text-align: center;
  background-color:white;
}
.label{
	padding: 0px;
	font-weight: unset;
	line-height: unset;
	color:black;
	text-align: unset;
	white-space: unset;
	vertical-align: unset;
	border-radius: unset;
	background-color: white;
	width: 100%;
}
.deviceRegister-titleSize{
  font-weight:700;
  font-size:15px
}
.deviceRegister-PINRepeatButton{
  height: 60px;
  float: left;
  border-radius: 4px;
  border: none;
  text-align: center;
  font-size: xx-large;
  background-color: rgb(244, 244, 244);
}
.deviceRegister-pinMarginLeft1{
  width: 30%;
  margin-left: 35%;
}
.deviceRegister-GlyphiconFormControl{
  padding-top: 6px
}
.Grid {
	margin: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}
.deviceRegister-loginStep1 {
	padding-top: 10px;
	background-color: #F4F4F4;
	height: 70px;
	text-align: center;
}
.deviceRegister-loginNew{
	padding-top: 15px;
	background-color: #F4F4F4;
	height: 50px;
	text-align: center;
}
.settingRegister-loginNew{
	padding-top: 25px;
	background-color: #F4F4F4;
	height: 30px;
	text-align: center;
}
.deviceRegister-setCountry {
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 15px;
}
.deviceRegister-formGroupStyle {
	margin-bottom: 10px;
}
.deviceRegister-formControl {
	background-color: #FFFFFF;
	padding-left: 10px;
	color: #1B1B1B;
	border: none;
	height: 32px;
	padding: 0 12px;
}
.settingRegister-formControl {
	background-color: #FFFFFF;
	padding-left: 10px;
	color: #1B1B1B;
	border: none;
	height: 32px;
	padding: 0 12px;
	width: 90%;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	display: inline-block;
}
.settingRegister-type {
	display: block;
	white-space: nowrap;
}
.deviceRegister-formControlMemo {
	background-color: #FFFFFF;
	padding-left: 10px;
	color: #1B1B1B;
	border: none;
	height: 32px;
	padding: 0 12px;
}
.deviceRegister-formControlTag {
	background-color: #FFFFFF;
	font-size: 16px;
	padding-left: 10px;
	color: #1B1B1B;
	border: none;
	height: 32px;
	padding: 0 12px;
	text-align: left;
}
.deviceRegister-formControlTagNull {
	background-color: #FFFFFF;
	padding-left: 10px;
	font-size: 16px;
	color: rgba(27, 27, 27, 0.57);
	border: none;
	height: 32px;
	padding: 0 12px;
	text-align: left;
}
.deviceRegister-formGroupStyle2 {
	height: 70px;
}
.settingRegister-formGroupStyle {
	height: 65px;
	margin-bottom: 10px;
}
.deviceRegister-formGroupStyle3 {
	height: 70px;
}
.deviceRegister-resetButton {
	width: 120px;
	height: 40px;
	background-color: #E6E6E6;
	color:#666666;
	border: 1px solid #666666;
	opacity: 1;
	border-radius: 4px;
}
.deviceRegister-registerButton {
	margin-left: 5%;
	width: 120px;
	height: 40px;
	background-color: #E6E6E6;
	color:#666666;
	border: 1px solid #666666;
	opacity: 1;
	border-radius: 4px;
}
.deviceRegister-registerButton-1 {
	margin-left: 5%;
}

/*コンテンツ詳細*/
.text-label{
	color: black;
	background-color: #D7D7D7;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	height: 20px;
}
.text-label-check{
	color: black;
	background-color: #D7D7D7;
	font-size: 14px;
	padding: 0;
	margin-top: 0;
	height: 20px;
	float: right;
	width: auto;
}
.form-control[disabled]{
	background-color: rgb(230, 230, 230)
}

/*コンテンツ￥プレイやー選択*/
.displayDeviceRegister-titleRow{
	width: 100%;
	margin: 0px;
	margin-top: 10px;
	font-size: 16px;
	min-width: 1024px;
}
.displayDeviceRegister-titleRow div{
	padding-left: 0;
	padding-right: 0;
}
.displayDeviceRegister-searchButton{
	margin-left: 20px;
	font-size: 16px
}
.displayDeviceRegister-titleCol3{
	margin-top: 7px;
	text-align: left
}
.displayDeviceRegister-tableHeader{
	font-size: 16px;
	background-color: rgb(229, 229, 229);
	margin-top: 10px;
}
.displayDeviceRegister-tableBodyHeight,
.displayDeviceRegister-tableBodyHeight-popup{
	height: 107px;
}
.table>tbody>tr>td{
	vertical-align: middle;
}
.displayDeviceRegister-tableBodyNumber{
	text-align: center;
	width: 3%;
	padding: 8px 0px !important;
}
.displayDeviceRegister-tableOverflow{
	position: fixed;
	width: 100%;
	overflow-y: auto;
	bottom: 0px;
	top: 148px;
}
.displayDeviceRegister-rightPopup{
	box-shadow: 0px 0px 30px #888888;
	position: absolute;
	bottom: 0px;
	width: 380px;
	background-color: rgb(244, 244, 244);
	right: 0;
	text-align: center;
	top: 0px;
}
.common-select-device{
	box-shadow: 0px 0px 30px #888888;
	position: absolute;
	bottom: 0px;
	width: 380px;
	background-color: rgb(244, 244, 244);
	right: 0;
	text-align: center;
	top: 60px;
}
.rightPopupBtnDiv{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 20px;
}
.displayDeviceRegister-rightPopupTableflow{
	overflow-y:auto;
	font-size: 17px;
	bottom: 70px;
	position: absolute;
	top: 20px;
}
.displayDeviceRegister-rightPopupTableflow table,
.displayDeviceRegister-rightPopupTableflow tbody,
.displayDeviceRegister-rightPopupTableflow tr{
	width: 380px ;
	display: block;
}
.displayDeviceRegister-rightPopupTableflow .displayDeviceRegister-tableBodyNumber{
	width: 26px ;
}

/*プレイヤー選択画面 選択したプレイヤーの属性情報*/
.displayDeviceRegister-popup-div{
	margin-left: 5px;
	width: 338px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.displayDeviceRegister-tdshopName{
	width: 20%;
	word-wrap:break-word;
}
.displayDeviceRegister-tdSTB{
	width: 15%;
	word-wrap:break-word;
}
.displayDeviceRegister-tdSTB-body{
	width: 15%;
	word-wrap:break-word;
}
.displayDeviceRegister-tdPatten{
	width: 15%;
	word-wrap:break-word;
}

/*選択したプレイヤー／選択したコンテンツ*/
.schedule-device-selected,.schedule-device-selected:hover{
	background-color: #C3C3C3!important
}
.displayRegister-tablefixed{
	table-layout:fixed;
	font-size: 17px;
	max-width: 100%;
}
.displayContentsRegister-tdcontents{
	width: 22%;
	word-wrap:break-word;
}
.content-list-table-number img,
.content.list.table-body-tdone img,
.device.list.marketing.table-head-thnumber img,
.displayDeviceRegister-tableBodyNumber img{
	width: 36px;
	height: 29px;
}
.displayContentsRegister-tdendDate{
	width: 22%;
}
.displayContentsRegister-tdupdateDate{
	width: 15%;
}
.displayContentsRegister-tdschedule{
	width: 19%;
}

/*選択したコンテンツ ポップアップ　table*/
.displayContentsRegister-rightPopuptablefixed{
	table-layout:fixed;
}
.displayContentsRegister-rightPopuptablefixed tr{
	cursor: pointer;
}
.displayContentsRegister-rightPopuptablecontents{
	word-wrap:break-word;
	text-align: left;
}
.displayContentsRegister-rightPopuptableForm{
	width: 100%;
	margin-left: 15px;
	font-size: 17px;
	margin-bottom: 0;
	text-align: left;
	margin-top: 15px
}
.displayContentsRegister-rightPopuptableForm label{
	font-weight: 500;
	color: black
}
.displayContentsRegister-rightPopuptableForm input{
	width: 90%;
  padding-left: 5px;
}
.displayContentsRegister-rightPopupTableflow{
	position: absolute;
	top: 80px;
	overflow-y: auto;
	bottom: 70px;
	width: 100%;
}
.content-list-table-number div{
	width: 26px
}
.displayContentsRegister-rightPopupinitImage{
	height: 90%;
	margin-top: 10%;
}
#displayDeviceRegister-tdPlayButton{
	font-size: 30px;
	margin-left: -29%;
	background-color: unset;
}
.displayDeviceRegister-tdPlayTime{
	display: flow-root;
	margin-top: -5%;
	margin-left: 30%;
	background-color: black;
	width: 15%;
	text-align: center;
	position: relative;
	color: white;
	font-size: 13px;
}
.displayDeviceRegister-tdPlayImage{
	width: 45%;
	height: 90px;
}
#header-dropdownGroup{
	width: initial
}

/*プレイヤー選択／コンテンツ選択 step*/
.stepone-onecircle{
	width: 35px;
	height: 35px;
	background-color:rgb(125, 125, 125);
	border-radius: 50%;
	display: inline-grid;
	text-align: center;
	padding-top: 5px;
}
.steptwo-onecircle{
	width: 27px;
	height: 27px;
	background-color:rgb(204, 204, 204);
	border-radius: 50%;
	display: inline-grid;
	text-align: center;
	padding-top: 2px;
}
.stepthree-onecircle{
	width: 27px;
	height: 27px;
	background-color:rgb(204, 204, 204);
	border-radius: 50%;
	display: inline-grid;
	vertical-align: center;
	padding-top: 2px;
}
.stepone-twocircle{
	width: 27px;
	height: 27px;
	background-color:rgb(204, 204, 204);
	border-radius: 50%;
	display: inline-grid;
	vertical-align: center;
	padding-top: 2px;
}
.steptwo-twocircle{
	width: 35px;
	height: 35px;
	background-color:rgb(125, 125, 125);
	border-radius: 50%;
	display: inline-grid;
	padding-top: 5px;
	margin-left: 10px;
}
.stepthree-twocircle{
	width: 35px;
	height: 35px;
	background-color:rgb(125, 125, 125);
	border-radius: 50%;
	display: inline-grid;
	padding-top: 6px;
	margin-left: 10px;
	text-align: center;
	font-weight: 700
}
.modal-body{
	min-height: 600px;
}
.caret{
	float: right;
	margin-top: 4px;
	border-top: 10px dashed;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}

/*配置国*/
.selectcountry-table{
	text-align: center;
	vertical-align:middle;
}
.selectcountry-table .title{
	width: 120px;
	text-align:center;
	vertical-align:middle;
	border: 0;
}
.selectcountry-table .text{
	border: 0;
}
/*コンテンツ詳細￥登録*/
.contentRegister-contentNameText{
	margin-top:10px;
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border: none;
}
.contentRegister-displaydropdown{
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
}
.devicedetail-displaydropdown{
	font-size:16px;
	width: 250px;
	height: 32px;
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
	text-align: left;
}
.contentRegister-displaydropdown:hover{
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	color:rgba(27, 27, 27, 0.57);
}
.contentRegister-displaydropdownselect:hover{
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.contentRegister-displaydropdownselect:focus{
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.contentRegister-displayTextMargin .dropdown{
	margin-top: 10px;
}
.contentRegister-country{
	margin-top:10px;
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
	padding: 0 12px;
	height: 32px;
}
.contentRegister-country:hover{
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
}
.contentRegister-country:focus{
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
}
.contentRegister-countryselect{
	margin-top:10px;
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.contentRegister-countryselect:hover{
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.contentRegister-countryselect:focus{
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
}
.contentRegister-displayTextMargin{
	margin-top:40px;
}
.contentRegister-displayTextMargin .dropdown{
	height: 32px;
}
/*コンテンツリスト*/
.container-full {
	width:100%;
	height: 50px;
}
#dropdown-size-medium{
	padding: 0 12px;
}
#dropdown-size-medium[disabled]{
	opacity: .65;
}
.content-calendar{
	width: 45%;
}
.output-resolution{
	width: 45%;
	margin-top: 10px;
	height: 28px;
}
.output-resolution input{
	width: 100%;
	outline: none;
	border: none;
	outline: none;
	border-radius: 4px;
	height: 28px;
	padding: 0 12px;
}
.output-resolution-multiply{
	width: 10%;
	text-align: center;
	margin-top: 6px;
}
.content-history-calendar{
	width: 45%;
	margin-top: 10%;
}
.content-calendar span{
	outline: none
}
.content-from-to{
	width: 10%;
	text-align: center;
}
.content.history.search.lable{
	margin-bottom: 5px;
}
.content-history-from-to{
	width: 10%;
	text-align: center;
	margin-top: 17%;
}

/*カレンダー*/
.ant-input{
	border-radius: 4px;
	border: none;
	padding: 4px 7px;
	height: 32px;
}
input:disabled {
  background-color: rgb(229, 229, 229);
  color: #666666;
}

/*スケジュール　設定*/
.displayDeviceMsg{
	position: absolute;
   width:100%;
   z-index: 999;
   height:40px;
}
.contentList-searchButton{
	margin-top: 13px;
}
/*コンテンツ　リスト*/
.common-list-title-btn{
	background-color: #F4F4F4;
	float: right;
	border: none;
	padding: 0
}
.contentList-updateDateButton:hover{
	margin-top: 20px;
	background-color:#F4F4F4;
	float: right;
	border: none;
	outline: none;

}
.contentList-updateDateButton:focus{
	background-color:unset;
	border: none;
	outline: 0;
}
.common-list-title{
	position: fixed;
	width: 100%;
	height: 60px;
	font-size: 16px;
}
.common-list-title-text{
	margin-top: 20px;
	text-align: center;
 }
 .common-content-list-table-head{
	width: 100%;
	table-layout: fixed;
	background-color: rgb(204, 204, 204);
	min-width: 1024px;
	margin-bottom: 0
 }
 #contentListEditTable{
	position: absolute;
	top: 100px;
	bottom: 0;
	min-width: 1024px;
 }
 #contentListTable{
	position: absolute;
	top: 60px;
	bottom: 0;
	min-width: 1024px;
 }
.content.list.table-head-thone{
	width: 3%;
}
.content.list.table-head-thfour{
	width: 15%;
}
.content.list.table-head-thseven{
	width: 14%;
}
.content.list.table-head-thfive{
	width: 10%;
}
.content.list.table-head-thsix{
	width: 22%;
	padding: 8px 0;
}
.content.list.table-head-theight{
	width: 5%;
}
.content.list.table-head-thnine {
	width: 8%;
}
.content.list.table-head-thten {
	width: 15%;
}
.common-content-table-body{
	position: absolute;
	width: 100%;
	overflow-y: scroll;
	background-color: #F4F4F4;
	bottom: 0px;
	min-width: 1024px;
	top: 36px;
}

/*リスト画面　video/サムネイル*/
.displayContentsRegister-thvideo,
.displayContentsRegister-tdvideo,
.content-list-table-video-th,
.device.list.shop.table-head-thplaying,
.device.list.shop.table-body-playing{
 min-width: 176px;
 width: 17%;
 /* text-align: -webkit-center; */
}
.content-list-table-video-td{
	width: 176px;
 	text-align: -webkit-center;
}
.content-list-right-popup-center{
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	width: 160px
}
.content.list.table-head-thtwo{
	width: 176px !important;
}
.content.list.table-body-tdtwo,
.displayContentsRegister-tableBodyImage,
.dialog-content-td-img{
	width: 176px !important;
	height: 107px;
	font-size: 17px;
}
.device.list.marketing.table-body-playing div,
.device.list.shop.table-body-playing div,
.displayContentsRegister-tableBodyImage div,
.dialog-content-td-img div{
	width: 162px;
	height: 92px;
}

/*コンテンツ一覧  コンテンツ名 body*/
.content.list.table-body-tdthree{
	width: 17%;
	word-wrap:break-word;
	font-size: 17px;
}
/*コンテンツ一覧  コンテンツ名 header*/
.content.list.table-head-ththree{
	width: 17%;
}
.content.list.table-body{
	table-layout: fixed;
}
.content.list.table-body-tdone,
.content.history.list.table-body-tdone{
	width: 3%;
	font-size: 17px;
	text-align: center;
	padding: 8px 0;
}
.content.list.table-body-tdfour{
	width: 15%;
	font-size: 17px;
}
.content.list.table-body-tdfive{
	width: 10%;
	font-size: 17px;
}
.content.list.table-body-tdsix{
	width: 22%;
	font-size: 17px;
	padding: 8px 0;
}
.content.list.table-body-tdseven{
	width: 14%;
	font-size: 17px;
}
.content.list.table-body-tdeight{
	width: 5%;
	padding: 8px 0px;
}
.content.list.table-body-tdnine {
	width: 8%;
	font-size: 17px;
}
.content.list.table-body-tdeight-gly{
	font-size: 30px;
}
#contentList-buttonBackground{
	background-color: unset;
	border: none;
	outline: none;
	padding: 6px 0px;
}
#settingList-buttonBackground{
	background-color: unset;
	border: none;
	outline: none;
	padding: 6px 0px;
}
#contentNewList-registerButton{
	margin-left: 2%;
	height: 40px;
	width: 100px;
	border: 1px #38428C solid;
	border-radius: 4px;
	background-color: #FFFFFF;
	color: #38428C;
}
.common-list-pager{
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
	min-width: 1024px;
}
.content.list.ModalHeader{
	text-align: center;
	vertical-align: middle;
	margin-top: 20px
}
.content.list.FormControl{
	width: 100%;
	border: none;
}
#contentlist-Form-dropDowninit{
	width: 99%;
	height: 32px;
	text-align: left;
	color: rgba(27, 27, 27,0.57);
}
#contentlist-Form-dropDowninit:focus{
	background-color: white
}
#contentlist-Form-dropDowninit:hover{
	background-color: white
}
#contentlist-Form-dropDown{
	width: 99%;
	height: 32px;
	text-align: left;
	color: #1B1B1B;
}
#contentlist-Form-dropDown:focus,
#contentlist-Form-dropDown:hover,
.content.list.Form-selectcountry:focus,
.content.list.Form-selectcountry:hover,
.content.list.Form-selectcountryinit:focus,
.content.list.Form-selectcountryinit:hover{
	background-color: white
}
.content.list.Form-selectcountryinit{
	width: 100%;
	text-align: left;
	color: rgba(27, 27, 27,0.57);
}
.content.list.Form-selectcountry{
	width: 100%;
	text-align: left;
	color: #1B1B1B;
}
.content.list.Modalfoot{
	margin-top: 50px;
	text-align: center;
	margin-bottom: 10px;
}
.content.list.Modalbody.FormGroup{
	margin-top: 15%;
}
.Modalbody-searchButton{
	margin-left: 10%;
}

/*コンテンツ一覧・プレイヤー一覧(MK)　並べるボタン*/
.common-list.downdateImg{
	width: 28%;
	padding-right: 5px;
}
.common-list.updateImg{
	width: 28%;
	padding-left: 5px;
}
/*画像を180度回転*/
.image-transform-180{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.content.list.div.modaloverlay{
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	position: fixed;
	background-color: #F4F4F4;;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	display: block;
	z-index: 2;
	bottom: 0;
	width: 400px;
	top: 50px;
	overflow-y: scroll;
	float: left;
}
.searchpage{
	height: 100%;
	width: 100%;
}
.hide-searchpage{
	height: 1000px;
	width: 100%;
	background-color: black;
	opacity: 0.6;
	margin-left: 400px;
	position: fixed;
}
.settingbottom{
	width: 100%;
    height: 620px;
    position: fixed;
	background-color: black;
	opacity: 0.6;
	margin-top: 315px;
}
.settingleft{
	position: fixed;
    width: 100%;
	background-color: black;
	opacity: 0.6;
    height: 315px;
    float: left;
}
.settingright{
	width: 180px;
	height: 315px;
    float: right;
}
.content.list.div.modalHeaderButton{
	float: right;
	border: none;
	background-color: #F4F4F4;
}

.content.list.div.modalbody{
  margin-left: 20px;
  margin-right: 20px;
}
span.alertMessage {
	font-weight: bold;
	color: red;
	font-size:	15px;
}

/*guideline対応*/
.background-color{
	background-color: #F4F4F4;
}

.SECONDARY-NORMAL{
	height: 40px;
	width: 120px;
	border: 1px #38428C solid;
	border-radius: 4px;
	background-color: #FFFFFF;
	color: #38428C;
}
.SECONDARY-NORMAL:hover{
	border: 1px #38428C solid;
	background-color: rgba(56, 66, 140, 0.2);
	color: #38428C;
}
.PRIMARY-NORMAL{
	height: 40px;
	width: 120px;
	border: 1px #38428C solid;
	border-radius: 4px;
	background-color: #38428C;
	color: #FFFFFF;
}
.PRIMARY-NORMAL:hover{
	background-color: rgba(56, 66, 140, 0.8);
	border: 1px rgba(56, 66, 140, 0.8) solid;
}
.PRIMARY-NORMAL:focus{
	border: 1px  solid #E69900;
}
/* header guidline对应 */
.container{
	min-width: 1024px;
}
/* ヘーダー部分　*/
header .row{
	background-color:#38428C;
	color: #FFFFFF;
}
/*ヘーダー部分 左側ボタン*/
.header-menuButton{
	width: 50px;
	height: 100%;
	cursor: pointer;
  vertical-align: top;
}
 /*ヘーダー部　メニュボタン*/
#header-dropdownGroup{
	width: 50px;
	height: 50px;
	display: contents;
 }
/*menu  オーバーレイ*/
.header.div.modaloverlay{
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	position: fixed;
	background-clip: padding-box;
	display: block;
	z-index: 101;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/*menu  オーバーレイ メイン区域 */
.header.div.modaloverlay .container{
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
	height: 50px;
}
/*menu  オーバーレイ ヘーダー空白区域 */
.header-menu-div{
	background-color: black;
	opacity: 0.6;
	height: 50px;
	position: fixed;
	left: 50px;
	top: 0;
	right: 0;
	bottom: 0;
}
/*menu  オーバーレイ リスト */
.header-menu-container-div{
	position: fixed;
	left: 0;
	top: 50px;
	right: 0;
	bottom: 0;
}
/*menu  オーバーレイ リスト 一覧区域*/
.header-menu-list{
	background-color: black;
	height: 100%;
	padding-right: 0px;
	padding-left: 0px;
	width: 400px
}
/*menu  オーバーレイ 空白区域　*/
.header-menu-list-right{
	background-color: black;
	opacity: 0.6;
	height: 100%;
	position: fixed;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 400px;
}
/*menu  オーバーレイ ヘーダー　閉じるボタン*/
.close-icon-div{
	background-color: black;
	height: 50px;
	width: 50px;
	color: white;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}
/*menu  オーバーレイ リスト*/
.list-group-item {
	position: relative;
	display: block;
	padding: 10px 0px 10px 40px;
	margin-bottom: -1px;
	background-color: black;
	border: none;
}
/*menu  オーバーレイ リスト item*/
button.list-group-item{
	color: white;
	font-size: 20px;
	font-weight: 500;
	outline: none;
}
/*menu  オーバーレイ リスト item */
button.list-group-item:hover{
	color: black;
	background-color: #DADADA;
	border-radius: 0
}
/*menu  オーバーレイ リスト item */
.subListItem{
	font-size: 15px !important;
	padding-left: 70px
}
/*common ボタン押下の時、blue border 削除 */
button,.dropDiv{
	outline: none !important;
}
.dropDiv{
	width: 348px;
}
.content-img{
	margin-top: 20px;
}
/* img */
.dropDiv img{
	margin: 0;
	cursor: pointer;
}

/* placeholder颜色  */
input::-webkit-input-placeholder {
	color:	rgba(27, 27, 27, 0.57) !important;
}

/* こコンテンツ　一覧　ページを分ける*/
.pagination-left{
	border: none;
	background-color: #F4F4F4;
	font-size: 12px;
	color: #38428C;
}
.pagination-first{
	border: none;
	padding: 0px;
	margin-left: 16px;
	background-color: #F4F4F4;
	font-size: 12px;
	color: #38428C;
}
.pagination-last{
	border: none;
	padding: 0px;
	background-color: initial;
	font-size: 12px;
	margin-left: 24px;
	color: #38428C;
}
.pagination-number{
	font-size: 12px;
	margin-left: 32px;
	color: #7D7D7D
}
.pagination-right{
	border: none;
	background-color: initial;
	font-size: 12px;
	margin-left: 16px;
	color: #38428C;
}
.pagination{
	margin: 0px;
	margin-bottom: -4px;
	margin-left: 32px;
}
.pagination>.active>span{
	background-color: #F4F4F4;
	border:none;
	color: #1B1B1B;
	font-weight: 700;
	font-size: 12px;
	padding: 0px;
	margin-left: 32px;
}
.pagination.rightnext{
	color: red;
}
.pagination>li>a:hover{
	background-color: #F4F4F4;
}
.pagination>.disabled>span{
	background-color: #E6E6E6;
	font-size: 12px;
	border-radius: 4px;
	border:1px solid #666666;
	color: #666666;
	padding-top: 0px;
	margin-right: 1px;
}
.pagination>.disabled>span:hover{
	background-color: #E6E6E6;
	font-size: 12px;
	border-radius: 4px;
	border:1px solid #666666;
	color: #666666;
	padding-top: 0px;
	margin-right: 1px;
}
.pagination>li>a{
	border: none;
	font-size: 12px;
	background-color: #F4F4F4;
	padding: 0px;
	color: #38428C;
	margin-left: 32px;
}
.pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #F4F4F4;
	border: none;
	color: #1B1B1B
}
#deviceLog-downloadBtn{
	margin-left: 2%;
    height: 40px;
    width: 100px;
    border: 1px #38428C solid;
    border-radius: 4px;
    background-color: #FFFFFF;
    color: #38428C;
}
/* device list MK */
#deviceList-buttonBackground{
	background-color: unset;
	border: none;
	outline: none;
	padding: 6px 0px;
}
.deviceList-searchButton{
	margin-top: 13px;
}
.device.list.row{
	position: fixed;
	width: 100%;
	margin: 0px;
	height: 60px;
	font-size: 16px;
	min-width: 1024px;
}
.device.list.marketing.row-textalign{
	margin-top: 20px;
	text-align: center;
 }
.device.list.table-head{
	width: 100%;
	table-layout: fixed;
	top: 60px;
	position: absolute;
	background-color: rgb(204, 204, 204);
	min-width: 1024px;
	margin-bottom: 0
}
.device.log.list.table-head{
	width: 100%;
	table-layout: fixed;
	top: 60px;
	position: absolute;
	background-color: rgb(204, 204, 204);
	min-width: 1024px;
	margin-bottom: 0
}
.device.log.list.table-div{
	position: absolute;
	width: 100%;
	bottom: 0px;
	top: 96px;
	overflow-y: scroll;
	background-color: #F4F4F4;
	min-width: 1024px;
}
.device.log.list.table-body{
	table-layout: fixed;
	font-size: 17px;
}
.setting.list.table-head{
	width: 100%;
	table-layout: fixed;
	top: 60px;
	position: absolute;
	background-color: rgb(204, 204, 204);
	min-width: 1024px;
	margin-bottom: 0
}
.setting.list.table-div{
	position: absolute;
	width: 100%;
	bottom: 0px;
	top: 96px;
	overflow-y: scroll;
	background-color: #F4F4F4;
	min-width: 1024px;
}
.setting.list.table-body{
	table-layout: fixed;
	font-size: 17px;
}
.device.list.table-div{
	position: absolute;
	width: 100%;
	bottom: 0px;
	top: 96px;
	overflow-y: scroll;
	background-color: #F4F4F4;
	min-width: 1024px;
}
.pager-no-show{
	bottom: 0px !important;
}
.device.list.table-body{
	table-layout: fixed;
	font-size: 17px;
}
.device.list.marketing.table-body-number,
.device.list.marketing.table-head-thnumber{
	width: 2%;
	text-align: center;
}

.device.log.list.table-body-tdNumber,
.device.log.list.table-head-thNumber{
	width: 10%;
	text-align: center;
	padding-right: 3%;
}

.device.log.list.table-body-tdLevel{
	width: 30%;
    word-wrap: break-word;
	padding-left: 4.8%;
}
.device.log.list.table-head-thLevel{
	width: 20%;
    word-wrap: break-word;
}

.device.log.list.table-body-tdStarttime{
	width: 25%;
    word-wrap: break-word;
	padding-left: 3.3%;
}
.device.log.list.table-body-tdEndtime{
	width: 25%;
    word-wrap: break-word;
	padding-left: 6.9%;
}
.device.log.list.table-head-thStarttime{
	width: 20%;
	white-space: nowrap;
}
.device.log.list.table-head-thEndtime{
	width: 20%;
	white-space: nowrap;
}

.device.log.list.table-body-tdDownLoad{
	width: 5%;
	padding: 8px 0px;
}

.setting.list.table-head-thone,
.setting.list.table-body-tdone{
	width: 5%;
	text-align: center;
	padding-right: 3%;
}

.setting.list.table-head-thtwo,
.setting.list.table-body-tdtwo{
	width: 10%;
    word-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.setting.list.table-head-ththree,
.setting.list.table-body-tdthree{
	width: 10%;
    word-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.setting.list.table-head-thfour,
.setting.list.table-body-tdfour{

	width: 10%;
    word-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.setting.list.table-head-thfive,
.setting.list.table-body-tdfive{
	width: 10%;
    word-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.setting.list.table-head-thsix,
.setting.list.table-body-tdsix{
	width: 10%;
    word-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.setting.list.table-head-thseven,
.setting.list.table-body-tdseven{
	width: 10%;
    word-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.setting.list.table-head-theight,
.setting.list.table-body-tdeight{
	width: 15%;
    word-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.setting.list.table-head-thnine,
.setting.list.table-body-tdnine{
	width: 5%;
}

.device.list.marketing.table-body-title,
.device.list.marketing.table-head-thtitle{
	width: 13%;
	word-wrap:break-word;
}
.device.list.marketing.table-body-display,
.device.list.marketing.table-head-thdisplay,
.device.list.marketing.table-head-thalive{
	width: 9%;
	white-space: nowrap;
}

.device.list.marketing.table-head-thlastaccessed,
.device.list.marketing.table-body-lastaccessed{
	width: 5%;
	white-space: nowrap;
}

.device.list.marketing.table-body-play,
.device.list.marketing.table-head-thplay{
	width: 17%;
	white-space: nowrap;
}
.device.newlist.marketing.number{
	width: 5%;
	text-align: center;
}
.device.newlist.marketing.table-body-sn{
	width: 25%;
	word-wrap:break-word;
	padding-left: 6%;
}
.device.newlist.marketing.table-body-date{
	width: 15%;
	word-wrap:break-word;
	padding-left: 1%;
}

.device.newlist.marketing.table-body-number,
.device.newlist.marketing.table-head-thnumber{
	width: 10%;
	text-align: center;
}
.device.newlist.marketing.table-body-title,
.device.newlist.marketing.table-head-thtitle{
	width: 29%;
	word-wrap:break-word;
}
.device.newlist.marketing.table-head-thdate{
	width: 25%;
	white-space: nowrap;
}
.newprocess.register-onetext{
	margin: auto;
	color: black;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px;
	vertical-align: middle;
}

.table-body-play .row div{
	padding: 0
}
.table-body-play .row{
	margin: 0;
}
/*メモ 表示*/
.list-memo{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.width300px{
	width: 300px;
}
.commonReactTooltip-div{
	white-space:normal;
	word-break: break-all;
}
.device.list.marketing.table-body-schedule,
.device.list.marketing.table-head-thschedule{
	width: 10%;
	padding: 8px 0px;
}
.device.list.marketing.table-head-thplaying{
	width: 12%;
	padding: 8px 0px;
}
.device.list.marketing.table-body-playing{
	width: 12%;
	min-width: 176px;
	height: 107px;
	font-size: 17px;
	padding: 8px 0px;
}
.device.list.marketing.table-body-alive{
	width: 9%;
	font-size: 14px;
	color: red;
	padding: 8px 0px;
	text-align: center
}
.device.list.marketing.table-body-tdeight,
.device.list.marketing.table-head-theight{
	width: 5%;
	padding: 8px 0px;
}
.device.list.table-body-tdeight-gly{
	font-size: 30px;
}
/* device list shop */
#deviceListShopTable .device.list.table-body tbody tr{
	height: 107px
}
.device.list.shop.shopinformation{
	margin-top: 20px;
}
.device.list.shop.row-textalign{
	margin-top: 20px;
	text-align: center;
	white-space: nowrap;
}
.device.list.shop.spanpadding{
	padding-right: 20px;
	padding-left: 10px;
}
.device.list.shop.spanword{
	 white-space: nowrap;
}
.device.list.shop.table-body-number{
	width: 3%;
	font-size: 17px;
	text-align: center;
	padding: 8px 0px;
}
.device.list.shop.table-body-play{
	width: 18%;
	font-size: 17px;
	vertical-align: top;
	padding: 30px 2px 8px 0px;
}
.device.list.shop.table-body-display{
	width: 9%;
	font-size: 17px;
	padding: 8px 0px;
}
.device.list.shop.table-body-lastaccessed,
.device.list.shop.table-head-thlastaccessed{
	width: 14%;
}

.device.list.shop.table-body-schedule,
.device.list.shop.table-body-orderschedule{
	width: 13%;
	font-size: 17px;
	padding: 8px;
}
.device.list.shop.table-body-alive{
	width: 4%;
	font-size: 14px;
	color: red;
	padding: 8px 0px;
	text-align: center
}
.device.list.shop.table-body-tdeight{
	width: 5%;
	padding: 8px 0px;
}
.device.list.shop.table-head-thnumber{
	width: 3%;
	padding: 8px 0px;
}


.device.list.shop.table-head-theight{
	width: 5%;
	padding: 8px 0px;
}
.device.list.shop.table-head-thplay{
	width: 18%;
	padding: 8px 0px;
}
.device.list.shop.table-head-thdisplay{
	width: 9%;
	padding: 8px 0px;
}

.device.list.shop.table-head-thschedule,
.device.list.shop.table-head-thsorderchedule{
	width: 13%;
	padding: 8px;
}
.device.list.shop.table-head-thalive{
	width: 4%;
	text-align: center;
}
.shop-list-top-20{
	margin-top: 20px
}
/* device list kitting */
.device.list.kitting.row-textalign{
	margin-top: 20px;
	text-align: center;
}
/*キッティング向け  番号*/
.device.list.kitting.table-head-number{
	font-size: 17px;
	width: 5%;
	text-align: center
}
/*キッティング向け  店舗情報*/
.device.list.kitting.table-head-shopInfo{
	width: 15%;
}
tbody .table-head-shopInfo{
	font-size: 17px;
}
.device.list.kitting.table-head-thplay,
.device.list.kitting.table-head-thdisplay,
.device.list.kitting.table-body-display
{
	width: 20%;
}
.device.list.kitting.table-head-thregisterDate,
.device.list.kitting.table-body-registerDate{
	width: 10%;
}
.device.list.kitting.table-head-thlastaccessed,
.device.list.kitting.table-body-lastaccessed{
	width: 9%;
}

.device.list.kitting.table-head-theight{
	width: 5%;
}
.device.list.kitting.table-head-thstatus{
	width: 10%;
	text-align: center
}
.device.list.kitting.table-body-play{
	width: 20%;
	height: 107px;
}

/*プレイヤー一覧画面(キッティング向け) 登録状態*/
.device.list.kitting.table-body-status{
	width: 10%;
	font-size: 14px;
	color: red;
	text-align: center;
	font-weight: bolder;
}
.device.list.kitting.table-body-tdeight{
	width: 5%;
	padding: 8px 0px;
}
/*プレイや詳細*/
.devicedetails-header {
	background-color: #F4F4F4;
	min-width: 1024px;
    width: 100%;
	height: 200px;
	position: absolute;
	display: flex;
	flex-direction: column;
}
.devicehistorydetails-header {
	background-color: #F4F4F4;
	min-width: 1024px;
    width: 100%;
	height: 100px;
	position: absolute;
	display: flex;
	flex-direction: column;
}
.devicehistorydetails-header-row {
	min-width: 1024px;
    width: 80%;
	height: 100px;
	/* position: absolute; */
	top: 0px;
	margin: 0;
	display: flex;
}
.devicedetails-header-row1 {
	min-width: 1024px;
    width: 100%;
	height: 100px;
	/* position: absolute; */
	top: 0px;
	margin: 0;
	display: flex;
}
.devicedetails-header-row2 {
	min-width: 1024px;
    width: 100%;
	height: 100px;
	/* position: absolute; */
	top: 0px;
	margin: 0;
	display: flex;
}
.device.history.detail.schedule {
    position: fixed;
    top: 150px;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    min-width: 1024px;
	margin-top: 0px;
}

.devicehistorydetails-header-text-playersearch{
	flex: 6;
	height: 70px;
	margin: 30px 15px;
}

.devicehistorydetails-header-text-contentname{
	flex: 15;
	height: 70px;
}

.devicehistorydetails-header-text-display{
	flex: 8;
	height: 70px;
}

.devicehistorydetails-header-text-region{
	flex: 5;
	height: 70px;
}

.devicehistorydetails-header-text-exprie{
	flex: 10;
	height: 70px;
}

.devicehistorydetails-header-text-days{
	flex: 6;
	height: 70px;
}

.devicehistorydetails-header-text-playernum{
	flex: 5;
	height: 70px;
}

.WARNING{
	color: orange;
}
.ERROR{
	color: red;
}
.left45{
	margin-left: 45px
}
.devicedetails-header .text-group{
	flex: 6;
	height: 70px;
}
.devicedetails-header .text-shop-number{
	flex: 5;
	height: 70px;
	min-width: 100px;
}
.devicedetails-header .text-devicetype{
	flex: 6;
	height: 70px;
	min-width: 100px;
}
.devicedetails-header .text-display{
	flex: 5;
	height: 70px;
}
.devicedetails-header .text-shopname{
	flex: 15;
	height: 70px;
	min-width: 310px;
}
.devicedetails-header .text-select{
	flex: 10;
	height: 70px;
}
.devicedetails-header .text-search{
    flex: 16;
	text-align: left;
	height: 70px;
}
.devicedetails-header .text-memo{
	flex: 21;
	height: 70px;
	width: 0;
}

.devicedetails-header .text-storeType{
	flex: 15;
	height: 70px;
	width: 0;
}

.devicedetails-header .text-tag{
	flex: 15;
	height: 70px;
	width: 0;
}

.devicedetails-header .text-operation{
	flex: 16;
	min-width: 190px;
	height: 70px;
	padding-right: 1%;
}
.text-search button{
	position: absolute;
	bottom: 15px;
	left: 20px;
}
.devicedetails-header-title{
	font-weight: 700;
	margin-top: 13px;
	padding: 6px 12px 6px 0;
	font-size: 15px;
	color: black;
}
.devicedetails-header-test,
.text-memo .list-memo{
	padding: 6px 12px 6px 0;
	font-size: 15px;
	color: black;
	height: 32px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.devicedetails-header .text-memo input{
	height: 32px;
	padding: 0 12px 0 0;
	border: none;
	width: 100%;
	outline: none;
}
/*プレイヤーdelete*/

.devicedetails-header .delete{
	margin-top: 45px;
	height: 32px;
	width: 80px;
	background-color: #FFFFFF;
	color: #ff3333;
	border: 1px solid #ff3333 ;
	margin-left: 10px;
	float: right;
  }

/*プレイヤー詳細 */

.devicedetails-header .edit{
  margin-top: 45px;
  height: 32px;
  width: 80px;
  background-color: #FFFFFF;
  color: #38428C;
  border: 1px solid #38428C;
  float: right;
}

.devicedetails-header .logs{
	margin-top: 45px;
	height: 32px;
	width: 80px;
	background-color: #FFFFFF;
	color: #38428C;
	border: 1px solid #38428C;
	float: right;
	margin-left: 10px;
  }

.lefttable-tdname button{
  margin-top: 15px;
  height: 32px;
  margin-right: 15px;
  background-color: #FFFFFF;
  color: #38428C;
	border: 1px solid #38428C;
	padding: 0 20px;
}
.devicedetails-header .edit:hover{
  background-color: rgba(56, 66, 140, 0.2);
  color: #38428C;
  border: 1px solid #38428C;
}
.devicedetails-header .delete:hover{
	background-color: rgba(56, 66, 140, 0.2);
	color: #ff3333;
	border: 1px solid #ff3333;
  }
.devicedetails-header .edit:active{
  background-color: #FFFFFF;
  color: #FFFFFF;
  border: 1px solid #E69900;
}
.devicedetails-header .register{
  margin-top: 45px;
  height: 32px;
  width: 80px;
  float: right;
  right: 30px;
  background-color: #38428C;
  color: #FFFFFF;
  border: 1px solid #38428C;
  float:right;
}
.devicedetails-header .register:hover{
  background-color: rgba(56, 66, 140, 0.8);
  color: #FFFFFF;
  border: 1px solid rgba(56, 66, 140, 0.8);
}
.devicedetails-header .register:active{
  background-color: #FFFFFF;
  color: #FFFFFF;
	border: 1px solid #E69900;
}
.devicedetails-gray-schedule{
	width: 100%;
	position: absolute;
	margin-top: 290px;
	background-color: rgba(27, 27, 27, 0.57);
	z-index: 99;
	margin-left: 384px;
}
/* devicecontentlist modal css*/
/* スケジュールを変更できる*/
#deviceContentList .modal-dialog{
	height: 640px;
}
#deviceContentList .devicecontentlist-content{
	height: 510px !important;
}
/* スケジュールを変更できない*/
#deviceKTcontentlist .modal-dialog{
	height: 622px;
}
.modal-footer{
	text-align: center;
	background-color: #F4F4F4;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px
}
.devicecontentlist-button{
	height: 40px;
	width: 180px;
	border: 1px #38428C solid;
	border-radius: 4px;
	background-color: #FFFFFF;
	color: #38428C;
}
.devicecontentlist-button:hover{
	border: 1px #38428C solid;
	background-color: rgba(56, 66, 140, 0.2);
	color: #38428C;
}
/*プレイヤー詳細 popup*/
.devicecontentlist-body{
	padding: 0px;
	height: 600px;
	/* overflow: auto; */
	border-radius: 5px
}
.devicecontentlist-body table{
	border-collapse:collapse;
	border-spacing:0;
}
.devicecontentlist-body table thead{
	display: block;
	width: 100%;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	height: 36px;
}
#deviceContentList-css{
	display: block;
	height: 565px;
	overflow: auto;
	width: 100%;
}
.devicecontentlist-body table tbody{
	display: block;
	height: 375px;
	overflow: auto;
	width: 100%;
}
#deviceContentList .devicecontentlist-body table tbody{
	height: 474px;
}
#deviceKTcontentlist .devicecontentlist-body table tbody{
	height: 520px;
}
#deviceContentList .devicecontentlist-body table thead,
#deviceKTcontentlist .devicecontentlist-body table thead{
	border-radius: 0
}
.devicecontentlist-headr{
	padding: 10px;
	background-color: #38428C;
	color: white;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.devicecontentlist-headr .row{
  margin: 0;
}
.devicecontentlist-time{
	width: 180px;
	float: right;
}
.select-device-header-shopNo{
	padding-left: 30px
}
.select-device-header-deviceName{
	padding-left: 30px
}
.select-device-header-storeCode{
	padding-left: 30px
}
.select-device-header-storeName{
	padding-left: 30px
}
.select-device-header-display{
	padding-left: 30px
}
.select-device-header-memo{
	padding-left: 30px
}
.select-device-header-memo-live{
	/* padding-left: 30px; */
	/* padding-top: 60px */
	width: 360px;
	padding-left: 40px;
}
.select-device-header-memo-live-input{
	width: 360px;
	height: 40px;
	border: none;
	border-radius: 4px;
	padding-left: 8px;
}
.select-device-header-country{
	padding-left: 30px
}
.select-device-header-playerId{
	padding-left: 30px
}

.content.history.detail.device.info {
	text-align: left;
}

.content.history.detail.device.info.row3 {
	display: flex;
	white-space: normal;
}

.content.history.detail.device.info.span1 {
	flex: 1;
	font-weight: bold;
	min-width: 80px;
}

.content.history.detail.device.info.span2 {
	flex: 5;
}

.content.history.detail.device.info.div1 {
	flex: 1;
	min-width: 75px;
}
.content.history.detail.device.info.div3 {
	flex: 1;
}

.content.history.detail.device.info.div2 {
	flex: 2;
}

.devicecontentlist-body .params-row {
	display: flex;
}
.devicecontentlist-body .params-row div {
	flex: 1;
}

.devicecontentlist-body .params-row div span:first-child {
	font-weight: bold;
	min-width: 100px;
	display: inline-block;
	padding: 5px;
}
.devicecontentlist-body .device-search-params {
	padding: 15px 45px;
}
/*プレイやー詳細ーコンテンツリスト　タイトル*/
.devicecontentlist-title{
 line-height: 40px;
 height: 40px;
 font-size: 17px
}
.font-size17{
	font-size: 17px
}
.devicecontentlist-content{
	height: 560px !important;
	min-height: 0;
}
.devicecontentlist-content table{
	width: 898px
}
.devicecontentlist-number{
	width: 40px
}
.devicecontentlist-img{
	width: 228px
}
.devicecontentlist-contentname{
	width: 360px
}
.devicecontentlist-date{
	width: 270px
}
.td-text-center{
	text-align: center
}
.devicecontentlist-headerbgcolor{
	background-color: #C0C0C0
}
table th,
table tr{
	border-bottom: none !important;
}
.devicecontentlist-th-number{
	width:10%;
}
.devicecontentlist-th-img,
.devicecontentlist-td-img{
	width:20%;
}
.devicecontentlist-th-contentname{
	width:40%;
}
.devicecontentlist-th-date{
	width:30%;
}
.devicecontentlist-td{
	padding-top: 30px;
}
.devicecontentlist-td.number{
	text-align: center;
	width:10%;
}
.devicecontentlist-td.contentname{
	text-align: left;
	width:40%;
}
.devicecontentlist-td.date{
	text-align: left;
	width:30%;
}
.modal-footer .btn+.btn{
	margin-left: 10%;
}
.devicecontentlist-tr-height{
	height: 107px;
}

.loginStep2 .main-left-modal{
	height: 32px;
}
.video-react-video:focus,
.video-react:focus{
	outline: none
}
/* スクロールバーを隠す*/
.devicecontentlist-body tbody::-webkit-scrollbar,
.device.list.table-div::-webkit-scrollbar,
.displayDeviceRegister-tableOverflow::-webkit-scrollbar,
.displayDeviceRegister-rightPopupTableflow::-webkit-scrollbar,
.displayContentsRegister-rightPopupTableflow::-webkit-scrollbar,
.content-list-table-body::-webkit-scrollbar,
.content-list-table-select-body::-webkit-scrollbar,
.common-content-table-body::-webkit-scrollbar,
.content.list.div.modaloverlay::-webkit-scrollbar,
.react-calendar-timeline .rct-header::-webkit-scrollbar {
	display: none;
}

/*プレイヤー検索*/
.deviceSearch-header {
  text-align: center;
	vertical-align: middle;
	margin-top: 20px;
}
.deviceSearch-header>
.closebtn {
	text-align: right;
  float: right;
	margin-right: 5px;
	border: none;
	background-color: #F4F4F4;
}
.deviceSearch-main {
	padding: 20px;
}
.deviceSearch-main .formgroup {
	margin-bottom: 30px;
}
.formgroupmemo {
	margin-bottom: 30px;
	width: 60%;
}
.formgroupcheckbox {
	margin: 20px auto;
}
.formcontrol {
	width: 100%;
	border: none;
	text-align: left;
}
.formControl-hide{
	display: none
}
.deviceSearch-footer {
	text-align: center;
	margin-bottom: 10px;
}

/* device detail */
.device.detail.image-width{
	width: 160px;
	height: 90px;
}
.device.detail.table{
	table-layout:fixed;
	word-break:break-all;
	margin-bottom: 10px;
}
.content.history.detail.table{
	table-layout:fixed;
	word-break:break-all;
	height: 109px;
}
.content.history.detail.lefttable-tr{
	text-align: center
}
.device.detail.lefttable-tr{
	text-align: center
}
.device.detail.lefttable-tdnumber{
	width: 40px;
}
.content.history.detail.lefttable-tdnumber{
	width: 10px;
	padding: 8px 2px;
}
.device.detail.lefttable-tdimg{
	width: 190px;
}
.content.history.detail.lefttable-tdimg{
	width: 28px;
	padding: 8px 2px;
}
.device.detail.lefttable-tdname{
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap	;
	padding-bottom: 0;
	text-align: left;
}
.content.history.detail.lefttable-tddevice{
	width: 135px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 8px 2px;
}
.device.detail.lefttable-tddelete{
	width: 40px;
	padding: 8px 0px;
	text-align: left;
}
.device.detail.deletebutton{
	background-color:unset;
	border: none;
}
.device.detail.sidebarContent{
	font-weight: 500;
	font-size: 17px;
	padding-top: 15px;
	height: 100%;
	padding-left: 15px;
}
.react-calendar-timeline{
	position: relative;
}

/*共通確認ダイアログ　*/
.device.detail.overlay{
	position: absolute;
	/*ヘーダー部100*/
	z-index: 101;
	background-color: #F4F4F4;;
	background-clip: padding-box;
	display: block;
	width: 600px;
	height: 480px;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
/*共通確認ダイアログ　タイトル*/
.device.detail.overlayheader{
	height: 40px;
	text-align: center;
	background-color: #38428C;
	color: white;
	font-weight: 600;
	font-size: 16px;
    line-height: 40px;
}
.confirmSn-dialog-table-title{
	font-weight: bold;
	font-size: 50px;
	padding: 40px 0 0 85px;
}
#confirmDetailDelete-dialog-table-title{
	font-weight: 500;
	font-size: 35px;
	padding: 45px 0 10px 130px;
}
/*共通確認ダイアログ　body*/
.device.detail.overlaymain{
	height: 375px;
	font-size: 16px;
}
/*共通確認ダイアログ　body title*/
.kakunin-dialog-body-title{
	height: 30px;
	text-align: center;
	line-height: 50px;
}
.kakuninn-dialog-table{
	table-layout: fixed;
	margin-bottom: 0px;
	width: 100%;
	margin-top: 5px;
}
.kakuninn-dialog-image-tr{
	height: 90px;
	margin: 0;
}
.common-margin-top60{
	margin-top: 60px;
}
.common-margin-top50{
	margin-top: 50px;
}
.common-margin-top20{
	margin-top: 20px;
}
.common-margin-top5{
	margin-top: 5px;
}
.common-margin-top7{
	margin-top: 7px;
}
.common-dialog-table-title{
	font-weight: 800;
	padding: 10px 0 10px 40px;
}
.common-margin-left10{
	margin-left: 10px;
}
.player.logs.downloadall.button{
	height: 40px;
	width: 120px;
	border: 1px #38428C solid;
	border-radius: 4px;
	background-color: #FFFFFF;
	color: #38428C;
	float: right;
	margin-top: 13px;
}

.setting.list.addnewitem.button{
	height: 40px;
	width: 120px;
	border: 1px #38428C solid;
	border-radius: 4px;
	background-color: #FFFFFF;
	color: #38428C;
	float: right;
	margin-top: 13px;
}

.checkbox-inline{
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-left: 10px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

/*共通確認ダイアログ　footer*/
.device.detail.overlayfooter{
	margin-top: 10px;
	text-align: center;
}
.device.detail.overlaytable-tr{
	text-align: center
}
.device.detail.overlaytable-tdimg{
	border-top: 0px;
	width: 200px;
	padding-left: 40px;
}
.device.detail.overlaytable-tdname{
	border-top: 0px;
	width: 338px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 90px;
	padding-top: 34px;
	padding-left: 40px;
}
/*プレイヤー詳細_削除確認 */
.device.detail.overlayimg{
	width: 160px;
	height: 90px;
}
.device.detail.overlayokbutton{
	margin-left: 30px;
}
/* デバイス詳細画面　スケジュール区域*/
.device.detail.schedule{
	position: fixed;
	top: 150px;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto;
	min-width: 1024px;
	margin-top: 100px;
}
.commonheader{
	position: fixed;
	z-index: 100;
}
.commontop{
	top: 50px;
}

/*プレイヤー詳細　スケジュール*/
.react-calendar-timeline .rct-outer,
.rct-sidebar>div{
	position: relative;
}
.react-calendar-timeline .rct-item{
	line-height: normal !important;
}
.react-calendar-timeline .rct-item div{
	padding-top: 38px;
}
.deletebutton .glyphicon{
	cursor: pointer !important;
}
.device.detail.popupback{
	position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
	left: 0;
	/*ヘーダー部100*/
	z-index: 101;
	opacity: .5;
  background-color: #000;
}
/*プレイヤーリスト*/
.warninIcon {
	height: 30px;
	width: 36px;
	margin-top: 5px;
}
.isalive_backgroundcolor{
	background-color: rgb(255, 217, 217)
}

/*プレイヤー詳細 スケジュール*/
.react-calendar-timeline .rct-vertical-lines .rct-vl{
	border-left: 2px solid white !important;
	border-right: none !important;
}
.react-calendar-timeline .rct-horizontal-lines .rct-hl-even,
.react-calendar-timeline .rct-horizontal-lines .rct-hl-odd{
	border-left: 2px solid white ;
	border-right: none !important;
}
.react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-even,
.react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-odd,
.react-calendar-timeline .rct-sidebar-header,
.react-calendar-timeline .rct-header .rct-label-group{
	background: #E5E5E5;
	border-bottom:1px solid white ;
	border-left:unset;
}
.react-calendar-timeline .rct-header .rct-label{
	border-left: 2px solid white;
	background: #E5E5E5;
	border-bottom:2px solid white ;
	display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.react-calendar-timeline .rct-header .rct-label.rct-first-of-type{
	border-left:2px solid #38428C ;
}
/*土曜日は青#989CD3 日曜日は赤#DB888D*/
.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-day-0{
	/* background: #DB888D */
	background: unset
}
.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-day-6{
	/* background: #989CD3 */
	background: unset
}
.rct-label.rct-day-6 {
	color: #989CD3 !important
}
.rct-label.rct-day-0 {
	color: #DB888D !important
}
.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-vl-first{
	border-left:2px solid #38428C !important;
	z-index: 100;
}
/*横スクロールバー表示*/
.react-calendar-timeline .rct-outer{
		 overflow: inherit
}
.device.detail.lefttable-tdimg{
	width: 170px;
}
.rct-sidebar-header,
.rct-sidebar{
	width: 384px !important
}

/*プレイリスト編集*/
.devicedetails-header label{
	font-size: 15px;
	color: black;
	padding: 6px 12px 6px 0px;
}

.devicedetails-header input{
	font-size: 15px;
	color: black;
	padding: 6px 12px 6px 10px;
}

/*プレイリスト編集 table*/
.content-list-table{
	position: fixed;
	font-size: 16px;
	background-color: rgb(229, 229, 229);
	margin-bottom: 0px;
	margin-top: 150px;
	width: 100%
}
.content-list-table-title{
	position: fixed;
	font-size: 16px;
	background-color: rgb(229, 229, 229);
	margin-bottom: 0px;
	margin-top: 100px;
	min-width: 1024px;
}
.content-list-table-body{
	position: fixed;
	width: 100%;
	overflow-y: auto;
	bottom: 0;
	top: 188px;
	background-color: #F4F4F4;
	min-width: 1024px;
}
.content-list-table-body-table{
	table-layout:fixed;
	font-size: 17px;
	max-width: 100%;
	background-color: #F4F4F4;
}
.content-list-table-select-popup{
	box-shadow: 0px 0px 30px #888888;
	position:fixed;
	top: 150px;
	bottom: 0px;
	width: 380px;
	background-color: rgb(244, 244, 244);
	right: 0;
	text-align: center;
}
.content-list-table-number{
	width: 26px;
	text-align: center;
	padding: 0 !important;
}
.content-list-table-righticon{
	width: 5%;
}
.content-list-table-display,
.content-list-table-country,
.content-list-table-updatedate{
	width: 11%;
}
.content-list-table-name{
	word-wrap:break-word;
	width: 20%
}
.content-list-table-date{
	width: 21%
}
#contentListGoDetail{
	background-color: unset;
	border: none;
	outline: none;
	padding: 6px 0px;
}
#contentListGoDetail span{
	font-size: 30px;
}
.content-list-table-select-popup-name{
	width: 100%;
	margin-left: 15px;
	font-size: 17px;
	margin-bottom: 0;
	text-align: left;
	margin-top: 15px
}
.content-list-table-select-popup-name label{
	font-weight: 500;
	color: black
}
.content-list-table-select-popup-name input{
	width: 90%;
  padding-left: 5px;
}
.content-list-table-select-body{
	overflow-y: auto;
	height: 75%;
}
.content-list-table-select-body td{
	word-wrap:break-word;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-top: none !important
}

/* スケジュール変更 */
.device.scheduleupdate.div{
	position: absolute;
	top: 100px;
	left: 30%;
	width: 40%;
	min-width: 409.59px;
}
.device.scheduleupdate.checkbox.night{
	display: inline;
	margin-left: 10px;
}
.device.scheduleupdate.checkbox.day{
	display: inline;
	margin-left: 50%
}
.device.scheduleupdate.registerbutton{
	margin-left: 40%;
}
.schedule-formgroup-letter {
	width: 70%;
	margin-top: 20px;
}
.schedule-checkbox-night {
	padding-top: 10px;
	margin-left: 10px;
}
.radio input[type=radio]{
	position: absolute !important;
	margin-left: -20px !important;
}
.schedule-checkbox-immediate {
	float: right;
	padding-top: 10px;
	margin-right: 10px;
}
/*スケジュール設定　プレイヤー確認*/
.dialog-stb-tr-height{
  height: 107px;
}
.schedule-setting-device-number{
	text-align: center;
}
/*tooltip*/
.device.list.shop.table-body-play .__react_component_tooltip.type-info{
	max-width: 200px;
}
.displayDeviceRegister-tableBodyHeight-popup .__react_component_tooltip.type-info{
	max-width: 340px;
}
.__react_component_tooltip.type-info{
	color: #333;
		background-color: #F4F4F4;
		border: 1px  #ccc solid;
		text-align: left;
		max-width: 600px;
		word-break: break-all;
}
.__react_component_tooltip.type-info.place-bottom:after{
	border-bottom-color: #ccc;
}
.__react_component_tooltip.type-info.place-right:after{
	border-right-color: #ccc;
}
.__react_component_tooltip.type-info.place-left:after{
	border-left-color:  #ccc;
}
.__react_component_tooltip.type-info.place-top:after{
	border-top-color:  #ccc;
}

/* LOGIN */
.user.login.header{
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	margin-top: 150px;
}
.user.login.userIDForm{
	margin-top: 20px;
	width: 25%;
	margin-left: 38.5%;
}
.user.login.passWordForm{
	width: 25%;
	margin-left: 38.5%;
}
.login-error-message{
	width: 40%;
	margin-left: 30%;
}
.user.login.loginButton{
	text-align: center;
	margin-top: 80px;
}
.user.login.background-height{
	min-width: 1024px;
	position: fixed;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
}

/* header log out */
.header.logout.button{
	margin-top: 10px;
	background-color: #38428C;
	color: white;
	font-size: 17px;
}

/*APIを呼ばす時、インジケーターのサイズ*/
.block-ui-container{
	 position: fixed !important;
 }
/* process step 対応 */
.process.stepone-onecircle{
	width: 35px;
	height: 35px;
	background-color:rgb(125, 125, 125);
	border-radius: 50%;
	display: inline-grid;
	text-align: center;
	padding-top: 5px;
	font-size: 16px;
}
.process.stepone-twocircle{
	width: 30px;
	height: 30px;
	background-color:rgb(204, 204, 204);
	border-radius: 50%;
	display: inline-grid;
	vertical-align: center;
	padding-top: 2px;
	font-size: 16px;
}
.process.steptwo-onecircle{
	width: 30px;
	height: 30px;
	background-color:rgb(204, 204, 204);
	border-radius: 50%;
	display: inline-grid;
	text-align: center;
	padding-top: 2px;
	font-size: 16px;
	margin-left: 10px;
}
.process.steptwo-twocircle{
	width: 35px;
	height: 35px;
	background-color:rgb(125, 125, 125);
	border-radius: 50%;
	display: inline-grid;
	padding-top: 5px;
	margin-left: 10px;
	font-size: 16px;
}
.process.stepthree-onecircle{
	width: 30px;
	height: 30px;
	background-color:rgb(204, 204, 204);
	border-radius: 50%;
	display: inline-grid;
	vertical-align: center;
	padding-top: 2px;
	font-size: 16px;
	margin-left: 10px;
}
.process.stepthree-twocircle{
	width: 35px;
	height: 35px;
	background-color:rgb(125, 125, 125);
	border-radius: 50%;
	display: inline-grid;
	padding-top: 5px;
	margin-left: 10px;
	font-size: 16px;
}
.process.stepone-onetext{
	margin: auto;
	color: black;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px;
	vertical-align: middle;
}
.process.stepone-twotext{
	margin: auto;
	color: black;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px;
	vertical-align: middle;
}
.process.steptwo-onetext{
	margin: auto;
	color: black;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px;
	vertical-align: middle;
}
.process.steptwo-twotext{
	margin: auto;
	color: black;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px;
	vertical-align: middle;
}
.process.stepthree-onetext{
	margin: auto;
	color: black;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px;
	vertical-align: middle;
}
.process.stepthree-twotext{
	margin: auto;
	color: black;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px;
	vertical-align: middle;
}
.rct-top-header .rct-label-group span{
	cursor: pointer;
}
.device.detail.backBtn{
	position: absolute;
	bottom: 10px;
	right: 30px;
}

.PRIMARY-NORMAL:disabled{
	height: 40px;
	width: 120px;
	border: 1px #666666 solid;
	border-radius: 4px;
	background-color: #E6E6E6;
	color: #666666;
}

/*スクロールバーをカスタマイズする*/
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb{
  border-radius: 1em;
  background-color: rgba(50,50,50,.3);
}
::-webkit-scrollbar-track{
  border-radius: 1em;
  background-color: rgba(50,50,50,.1);
}

/*コンテンツの絞込み*/
.content.list.search.contrlolabel{
    display: block;
}
.content.list.search-checkbox{
    display: inline-block;
    margin-right: 10px;
}
.content-register-radio-box{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 33.33333333%;
}
.content-register-radio-video-image{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px 40px 0px 0px;
}
.content-register-radio-live{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px !important;
}

.content-register-row,
.header-menu-container-div,
.common-list-title,
.deviceRegister-footer-btn,
header .row{
	margin: 0;
	min-width: 1024px;
}

/*dialog*/
.modal-dialog {
  height: 602px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 900px;
}

/*配置国　選択アイコン 削除アイコン*/
.common-puls-icon{
	float: right;
	height: 20px;
}

/*共通ディスプレー*/
.deviceRegister-dropDown{
	width: 65%;
	background-color: #FFFFFF;
	text-align: left;
	border: none;
	color:#1B1B1B;
	font-size: 15px;
	height: 32px;
	border-radius: 4px
}
.contentRegister-displaydropdown{
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border-style: none;
	color:rgba(27, 27, 27, 0.57);
	border-radius: 4px;
	text-align: left;
	height: 32px;
}
.contentRegister-displaydropdown:hover{
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	color:rgba(27, 27, 27, 0.57);
}
.settingRegister-displaydropdownselect{
	text-align: left;
	font-size:16px;
	width:10%;
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 31px;
	float: right;
	margin-top: 1.4px;
}
.contentRegister-displaydropdownselect{
	text-align: left;
	font-size:16px;
	width:100%;
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
	border-radius: 4px;
	height: 32px;
}
.devicedetail-displaydropdownselect{
	text-align: left;
	font-size:16px;
	width: 250px;
	background-color: #FFFFFF;
	border-style: none;
	color:#1B1B1B;
	border-radius: 4px;
	height: 32px;
	text-align: left;
}
.devicedetail-deviceTag{
	width: 250px;
    border: none;
    text-align: left;
	display: block;
	height: 34px;
    background-color: #fff;
	border-radius: 4px;
	padding: 6px 12px 6px 10px
}
#contentlist-Form-dropDowninit{
	width: 100%;
	height: 32px;
	text-align: left;
	color: rgba(27, 27, 27,0.57);
}
#contentlist-Form-dropDown{
	width: 100%;
	height: 32px;
	text-align: left;
	color: #1B1B1B;
}
/*コンテンツ詳細　left*/
.padding0{
	padding: 0
}
/* 小さいスクリーン（デスクトップディスプレイ，768px>=width） */
@media (max-width: 768px){
	.form-inline .form-group {
			display: inline-block;
			margin-bottom: 0;
			vertical-align: middle;
	}
	.form-inline .control-label{
		margin-bottom: 0;
    vertical-align: middle;
	}
	.form-inline .checkbox, .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
	}
	.schedule-bgbutton{
    position: absolute;
    bottom: 64px;
    width: 41.66%;
    left: 41.67%;
		text-align: center;
		min-width: 410px;
	}
	.schedule-formgroup-letter {
    width: 90%;
    margin-top: 20px;
	}

}
@media (min-width: 768px){
	.schedule-bgbutton{
    position: absolute;
    bottom: 64px;
    width: 41.66%;
    left: 41.67%;
		text-align: center;
		min-width: 410px;
	}
	.schedule-formgroup-letter {
    width: 90%;
    margin-top: 20px;
	}
	.schedule-checkbox-night{
		margin-left: 30px;
	}
}
/* 中のスクリーン（デスクトップディスプレイ，1200px>=width>=922px） */
@media (min-width: 922px) {
	.displayDeviceRegister-tdPlay{
		width: 22%;
		word-wrap:break-word;
	}
	.displayDeviceRegister-tdschedul{
		width: 20%;
		word-wrap:break-word;
	}
	.schedule-bgbutton{
    position: absolute;
    bottom: 64px;
    width: 40%;
    left: 46.64%;
    text-align: center;
    min-width: 410px;
  }
}
@media (max-width: 1024px){
	.common-select-device,
	.displayDeviceRegister-rightPopup{
		width: 300px;
	}
	.displayDeviceRegister-popup-div{
		width: 265px;
	}
	.content-list-right-popup-center{
		width: 90px;
	}
	.content-list-table-number,
	.content-list-table-number div{
		width: 18px;
 	}
}
/* 大きなスクリーン（大デスクトップディスプレイ，width>= 1200px） */
@media (min-width: 1200px) {
	.displayDeviceRegister-tdPlay{
		width: 15%;
		word-wrap:break-word;
	}
	.displayDeviceRegister-tdschedul{
		width: 27%;
		word-wrap:break-word;
	}
	.schedule-bgbutton{
    position: absolute;
    bottom: 64px;
    width: 41.66%;
    left: 41.67%;
		text-align: center;
		min-width: 410px;
  }
}

/* @media (height: 768px) {
	.deviceSearch-footer{
		margin-top: 30px
	}
} */

@media (max-height: 690px) {
	.common-list-pager{
		bottom: 30px;
	}
	.deviceSearch-main .formgroup {
		margin-bottom: 20px;
	}
	.common-content-table-body,
	.displayDeviceRegister-rightPopup,
	.common-select-device,
	.device.list.table-div{
		bottom: 60px;
	}
	.device.detail.backBtn{
		bottom: 30px;
	}
}

/*日期選択*/
.rc-time-picker {
  width: 100%;
}
.rc-time-picker-panel-select{
	overflow-x:hidden !important
}
.rc-time-picker-panel-select li:hover,.rc-time-picker-panel-select-option-selected{
	width: 75% !important
}
.rc-time-picker-clear {
  visibility: hidden;
}
.rc-time-picker-panel-narrow {
  max-width: -webkit-fill-available;
}
.rc-time-picker-panel-select{
  width:50%;
}
.rc-time-picker-input{
  font-size: inherit !important;
  color: black !important;
  border: none !important;
  height: 32px !important;
}
.rc-time-picker-input[disabled] {
  color:#666666 !important;
  background-color: rgb(229, 229, 229) !important;
}

.cursor-thead{
	cursor: default;
}
.cursor-tbody{
	cursor: pointer;
}

/*共通ダイアログ*/
.modal-open .modal{
	min-height: 610px
}
.common-dialog-full{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 1024px;
	min-height: 630px;
	z-index: 101;
}

.input-group .form-control:first-child{
	border-radius: 4px;
}
a:focus{
	outline:none
}
.content.detail.video-updatedate{
	width: 320px;
	text-align: right;
	margin-top: 10px;
}

/*schedule setting*/
.schedule-bgleft{
  height: 820px;
  background-color: rgb(229, 229, 229);
}
.schedule-bgright{
  background-color: #F4F4F4;
}
.schedule-bgright .schedule-formgroupright,
.schedule-bgright .schedule-formgroupright1,
.schedule-bgright form{
  width: 60%;
  margin-left: 20%;
}
.schedule-formgroupright1{
  margin-top: 5px;
}
.schedule-formgroupleft{
  margin: 30px;
}
.schedule-formgroupright{
  margin-top: 50px;
}
.schedule-playlist{
  font-size: 17px;
}
.schedule-defaultlist{
  margin-top: 5px;
  font-size: 17px;
  font-weight: normal
}
.schedule-formcontrolleft{
  margin-top: 50px;
  padding-left: 10px;
  width: 100%;
  height: 40px;
  text-align: left;
}
.schedule-formcontrolright{
  margin-top: 10px;
  padding-left: 10px;
  width: 100%;
  border: none;
  background-color: #FFFFFF;
}
.schedule-groupstarttime{
  width: 45%;
}
.schedule-groupstarttime span{
  outline: none;
}
.schedule-groupendtime{
  width: 45%;
  float: right;
  margin-right: 0;
}
.schedule-groupendtime span{
  outline: none;
}

.schedule-controllabelright{
  margin-top: 20px;
}
.schedule-checkbox{
  margin-top: 15px;
  float: right;
}
.schedule-cancelbtn{
  width: 120px;
  height: 40px;
  border: 1px solid #666666;
  background-color: #E6E6E6;
  color:#666666;
  border-radius: 4px;
}
.schedule-commitbtn{
  width: 120px;
  height: 40px;
  margin-right: 0;
  border: 1px solid #666666;
  background-color: #E6E6E6;
  color:#666666;
  border-radius: 4px;
  margin-left: 15%;
}
.schedule-commitbtnselect{
  margin-left: 15%;
}
.displayDeviceRegister-device11{
  text-align: center
}
.schedule-group-from-to{
  width: 10%;
  text-align: center;
}
.dialog-headerbgcolor{
  background-color: #C0C0C0
}
.dialog-stb-th1{
  width: 50px
}
.dialog-stb-th2{
  width: 360px;
  /* padding-left: 20px; */
}
.dialog-stb-th3{
  width: 128px
}
.dialog-stb-th4{
  width: 20%
}
.dialog-content-th-number{
  width:10%;
}
.dialog-content-th-img{
  width:20%;
}
.dialog-content-th-contentname{
  width:40%;
}
.dialog-content-th-date{
  width:30%;
}
.dialog-content-td{
  padding-top: 30px;
}
.dialog-content-td.number{
  text-align: center;
  width:10%;
}
.dialog-content-td.contentname{
  text-align: left;
  width:40%;
}
.dialog-content-td.date{
  text-align: left;
  width:30%;
}
.device.scheduleupdate.deletebutton{
	height: 40px;
	width: 120px;
	border: 1px #ff3333 solid;
	border-radius: 4px;
	background-color: #ff3333;
	color: #FFFFFF;
}
.device.scheduleupdate.deletebutton:hover{
	opacity: 0.8;
}
.device.scheduleupdate.deletebutton:focus{
	border: 2px  solid #E69900;
}
#help .modal-dialog{
	height: 360px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 540px;
}
#helpModal{
	position: fixed;
}
.helpImg{
	text-align: center
}
.helpMsg{
	height: 50px;
	text-align: center;
	line-height: 25px;
	margin: 20px;
}
.helpBtnImg{
	width: 24px;
	float: right;
	margin-right: 10px;
	margin-top: 40px;
	cursor: pointer;
}
button[disabled], button[disabled]:hover,button[disabled]:focus,html input[disabled]{
	background-color: #E5E5E5;
	cursor:not-allowed ;
}
.devicedetails-header input[disabled]{
	cursor: default ;
}

.text-label-check input[type=checkbox],
.text-label-check input[type=checkbox]:hover{
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.select-country {
	width: 70%;
}

.select-country .modal-body {
	padding: 0
}

.special-dialog-table-title{
	font-weight: 800;
	padding: 10px 0 2px 40px;
	min-width: 180px;
}
.special-dialog-table-title-live{
	padding: 10px 0 2px 40px;
	min-width: 180px;
}

.special-dialog-body-title{
	height: 25px;
	text-align: center;
	line-height: 30px;
}

.list-loading{
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	padding: 8px;
}

.devicetag{
	width: 100%;
    border: none;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
}

.devicedetailtag{
	width: 550px;
	height: 38px;
    border: none;
	margin-bottom: 20px;
	padding: 5px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-direction: column
}

.devicesearchtagbtn{
	margin-left: 5px;
	margin-top: 3px;
}

.devicedetailtagbtn{
	margin-top: 3px;
	margin-left: 3px;
	color: #000;
	background-color: white;
}

.devicedetailtageditbtn{
	margin-left: 5px;
}

.player-table-st-header-shopno{
	height: 60px;
    display: grid;
	align-items: center;
}

.player-table-st-header-href{
	float: right;
	margin-top: 20px;
	margin-right: 15px;
}

.createplaylistbutton{
	height: 40px;
    width: 75px;
    border: 1px #38428C solid;
    border-radius: 4px;
    background-color: #FFFFFF;
    color: #38428C;
	margin-left: 10px;
	padding: 0 3px;
    font-size: 15px;
	white-space: nowrap;
}
.special-dialog-table-title-exclude-tag-store {
	line-height: 5px;
	font-weight: 800;
    padding: 10px 0 2px 40px;
    min-width: 180px;
}
.content.history.list.table-head-thone{
	width: 3%;
}
.content.history.list.table-head-thtwo{
	width: 17%;
}
.content.history.list.table-head-ththree{
	width: 20%;
}
.content.history.list.table-head-thfour{
	width: 8%;
}
.content.history.list.table-head-thfive{
	width: 13%;
}
.content.history.list.table-head-thsix{
	width: 7%;
}
.content.history.list.table-head-thseven{
	width: 20%;
}
.content.history.list.table-head-theight{
	width: 13%;
}
.content.history.list.table-head-thnine{
	width: 8%;
	padding-left: 3px;
}
.content.history.list.table-body-tdtwo{
	width: 17%;
	font-size: 17px;
}
.content.history.list.table-body-tdthree{
	width: 20%;
	font-size: 17px;
	word-wrap:break-word;
}
.content.history.list.table-body-tdfour{
	width: 8%;
	font-size: 17px;
}
.content.history.list.table-body-tdfive{
	width: 13%;
	font-size: 17px;
}
.content.history.list.table-body-tdsix{
	width: 7%;
	font-size: 17px;
}
.content.history.list.table-body-tdseven{
	width: 20%;
	font-size: 17px;
}
.content.history.list.table-body-tdeight{
	width: 13%;
	font-size: 17px;
	padding-left: 8px;
}
.content.history.list.table-body-tdnine{
	width: 8%;
	font-size: 17px;
}
.contentRegister-layout-box{
	display: flex;
	flex-direction: row;
	margin-top: 16px;
}
.contentRegister-layout-notFullScreen{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px 2vw 0px 0px;
}
.contentRegister-layout-fullScreen{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px !important;
}
.contentRegister-card{
	background-color: '#D7D7D7' !important;
}
.contentRegister-layout-notFullScreen-box{
	width: 12vw;
	height: 6.75vw;
	min-width: 123px;
	min-height: 69px;
	display: flex;
	flex-direction: row;
}

.contentRegister-layout-notFullScreen-box-1x1h1x1v{
	width: 12vw;
	height: 6.75vw;
	min-width: 123px;
	min-height: 69px;
	margin-right: 7vw;
}

.contentRegister-layoutnotFullScreen-box-1x1v{
	height: 8vw;
	width: 4vw;
	min-width: 69px;
	min-height: 123px;
	display: flex;
	flex-direction: row;
	margin-right: 10vw;
}
.contentRegister-layoutnotFullScreen-box-1x1h1x1v{
	height: 8vw;
	width: 4vw;
	min-width: 69px;
	min-height: 123px;
}

.contentRegister-layout-notFullScreen-box-left{
	flex: 1;
	display: flex;
	flex-direction: column;
}
.contentRegister-layout-notFullScreen-box-left-one{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 3;
	background-color: rgb(141, 184, 244);
}
.contentRegister-layout-notFullScreen-box-left-two{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	background-color: #80ddf2;
}
.contentRegister-layout-notFullScreen-box-right{
	flex: 1;
	display: flex;
	flex-direction: column;
}
.contentRegister-layout-notFullScreen-box-right-one{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	background-color: rgb(241, 159, 231);
}
.contentRegister-layout-notFullScreen-box-right-two{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex: 2;
	background-color: #faea58;
}
.contentRegister-layout-notFullScreen-box-right-three{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	background-color: #f9cda3;
}
.contentRegister-layout-fullScreen-box{
	width: 12vw;
	height: 6.75vw;
	min-width: 123px;
	min-height: 69px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #bbb;
	border: #000 0.5px solid;
	word-break: break-word
}

.contentRegister-layout-fullScreen-box-1x1v{
	width: 4vw;
	height: 8vw;
	min-width: 69px;
	min-height: 123px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #bbb;
	border: #000 0.5px solid;
	font-size: 12px;
	word-break: break-word;
}

.contentRegister-layout-fullScreen-live-prompt-left-top {
	position: absolute;
	font-size: 8px;
  top: 0;
  left: 0;
	word-wrap: break-word;
	white-space: normal
}

.contentRegister-layout-fullScreen-live-prompt-left-bottom {
	position: absolute;
	font-size: 8px;
  bottom: 0;
  left: 0;
	word-wrap: break-word;
	white-space: normal
}

.contentRegister-layout-fullScreen-live-prompt-right-top {
	position: absolute;
	font-size: 8px;
  top: 0;
  right: 0;
	word-wrap: break-word;
	white-space: normal;
	text-align: right;
}

.contentRegister-layout-fullScreen-live-prompt-right-bottom {
	position: absolute;
	font-size: 8px;
  bottom: 0;
  right: 0;
	word-wrap: break-word;
	white-space: normal;
	text-align: right;
}

.content-detail-footer-btn{
	width: 100%;
	text-align: center;
	bottom: 64px;
	min-width: 1024px;
	margin-top: 60px;
	margin-bottom: 60px;
}
.rtmp-url-tr{
	margin-left: 40px;
}
.contents-register-notice{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.title-container {
  background-image: url("../title_bg.png");
  background-repeat: no-repeat;
  width: 580px;
  height: 618px;
  position: relative;
  box-sizing: border-box;
	transform: scale(0.65);
  transform-origin: left;
	margin-top: 100px;
}

.title-container .box {
  position: relative;
  box-sizing: border-box;
  width: 445px;
  height: 394px;
  display: flex;
  align-items: center;
  font-family: Hiragino Kaku Gothic ProN;
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: 78px;
  letter-spacing: 4.5px;
  top: 118px;
  left: 53px;
  overflow: hidden;
  text-wrap: pretty;
  margin: 0;
	padding: 0;
	border: initial;
	word-break: break-word;
	word-wrap: initial;
	border-radius: initial;
	-webkit-text-size-adjust:initial;
}

@font-face {
	font-family: 'Hiragino Kaku Gothic ProN';
	src: url(../html/fonts/Hiragino-Kaku-Gothic-ProN-W6.otf);
}