/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


/* このページのcss */
h3 {
    background-color: #F7F5F0;
    margin: 10px 0;
    padding: 10px 0;
  font-size:24px;
}
h3 span{
  background-color:#F90;
  padding:5px;
  margin:0 10px 0 0;
  text-decoration:none;
}
textarea{
  width:500px;
  height:50px;
}

/* css */
.dxapi_body{
  margin:0;
  padding:0;
}
.dxapi{
  line-height:110%;
  font-family:meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align:left;
  background: #fff;
}
.dxapi2{
  padding:8px 0 8px 8px;
}
.dxapiwrap{
  overflow:auto;
  overflow-x:hidden;
  overflow-y:auto;
}
.dxapi img{
  border:none;
}
.dxapi_menu{
  border:solid 1px #999;
  border-width:0 0 1px 0;
  width:100%;
  margin:0 0 10px 0;
}
.dxapi_menu ul{
  margin:5px 0;
  padding:0;
  clear:both;
}
.dxapi_menu ul li {
    float: left;
    margin: 0 8px 8px 0;
    list-style: none outside none;
    font-size: 12px;
  color:#999;
}
.dxapi_menu ul li a {
  color:#999;
}

.dxapi_showlist ul {
  margin:0;
  padding:0;
  clear:both;
}
.dxapi_showlist {
	letter-spacing: -0.4em;
}
.dxapi_showlist li {
    display: inline-block;
	letter-spacing: normal;
    /*float: left;*/
    margin: 0 8px 8px 0;
    width: 160px;
	overflow: hidden;
    list-style: none outside none;
    font-size: 12px;
	vertical-align: top;
}

.dxapi_showlist li img {
	height: auto;
	width: 100%;
	/*width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;*/
}
.dxapi_showlist li .height img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
}
.dxapi_showlist li .dx_info {margin: 5px 0 4px;}
.dxapi h4{
  margin:0;
}
.dxapi h4 a {
    color: #0099FF;
    text-decoration: none;
  font-size:14px;
}

.dxapi .thum {
    margin: 0 0 4px 0;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background: rgba(200, 200, 200, 0.3);
}
.dxapi #selfie .thum {
	border-radius: 5px;
	overflow: hidden;
}

.dxapi .contributor_info {
    color: #9A9BA0;
    font-size: 10px;
}

.dxapi .girl_name {
    font-weight: bold;
}

.dxapi_title{
  border:solid 1px #999;
  border-width:0 0 1px 0;
}
.dxapi_title_txt{
  float:left;
  margin:5px 0;
  font-weight:bold;
  color:#0099ff;
  line-height:110%;
}
.dxapi_title_txt a{
  text-decoration:none;
  font-weight:bold;
  display:block;
  color: #0099FF;
}
.dxapi_title_logo{
  float:right;
  width:20%;
  min-width:80px;
}
.dxapi_title_logo img{
  width:100%;
  height:auto;
  min-width:80px;
  margin:0 5px 5px 0;
  visibility: hidden!important;
}
.dxapi_pr {visibility: hidden!important;}
.dxapi_pr a{
  font-size:12px !important;
  line-height: 1em;
  /*line-height:20px;
  font-weight:bold;*/
  text-decoration:none;
  color:#0099FF;
  font-size:14px;
}

.dxapi_pager{
  width:100%;
  text-align:center;
  border:solid 1px #999999;
  border-width:1px 0 0 0;
  padding:5px 0;
  font-size:16px;

}
.dxapi_pager a{
  font-weight:bold;
  padding:0 5px;
  text-decoration:none;
    color: #0099FF;
}

.dxapi_pager span{
  font-weight:bold;
  padding:0 5px;
}

.dxapi_help{
  width:646px;
  height:720px;
  background:url(../../images/shopmanager/widget_help.jpg) no-repeat top;
  position:relative;
}
.dxapi_help div{
  position:absolute;
  background-color:#9CF;
  padding:8px;
}

/* 黒用 */
.dxapi_bl{
  background-color:#000;
  color:#FFF;
}

/*　ウィジェット｜カラーピッカー　*/
#ce {padding: 15px 0 15px 20px;}
#ce input {width: 55px!important;}
#ce #custom-check {display: none;}
#ce dl {overflow: hidden;}
#ce dl dt , #ce dl dd {
	height: 22px;
	line-height: 22px;
}
#ce dl dt {float: left;}
#ce dl dd {
	width: 55px;
	margin: 0 10px 0 0;
	border-radius: 2px;
	float: left;
	cursor: pointer;
	text-align: center;
}
#ce dl dd.wh {
	background: #fff;
	border: 1px solid #666;
	color: #111;
}
#ce dl dd.bk {
	background: #111;
	border: 1px solid #111;
	color: #fff;
}
#ce dl dd:hover {border-color: #9FF;}
#ce div.txt {
	padding: 7px 0;
	position: relative;
}


/*　自撮り動画｜PC　*/
.dxapi_pager .pagerlink {
	letter-spacing: -0.4em;
}
.dxapi_pager .pagerlink .pgn {
	display: inline-block;
	letter-spacing: normal;
}
.dxapi_pager .pagerlink .pgn .dvr {
	padding: 0 3px;
	font-weight: normal;
}
.dxapi_pager .pagerlink .pgn:last-child .dvr {display: none;}


/*　自撮り動画｜smp　*/
.dxapi_pager.smp .pager {
	list-style-type: none;
	letter-spacing: -0.4em;
}
.dxapi_pager.smp .pager li {
	display: inline-block;
	letter-spacing: normal;
}
.dxapi_pager.smp .pager li .dvr {
	margin: 0;
	padding: 0 3px;
	font-weight: normal;
}
.dxapi_pager.smp .pager li:first-child .dvr {display: none;}