/* プレイヤーダイアログ用CSS */
.player_dialog {
    min-width:866px;
    display:none;
    cursor: default;
    position:relative;
    height:auto;
    margin:0 auto;
    border:2px solid #bac0c8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.player_default_w{
    width:866px;
    height:491px;
}
.player_big_w{
    width:1290px;
    height:730px;
}

.player_dialog  .bg_cover{
    opacity:0.8;
    position:absolute;top:0;left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.8);
    /*background-color:#000;
    //background:-webkit-gradient(linear, left top, left bottom, from(#515b74),color-stop(0.23, #162345),to(#162345));*/
    z-index:3;
}
.player_dialog .contain {
    position:relative;
    width:100%;
    display:block;opacity:1;
    background-color:transparent;
    z-index:5;
}
.player_dialog .contain>div {
    padding:5px;
}
#tab_area{
  overflow: hidden;
}


/* 共通ダイアログ用CSS */
.common_dialog {
    min-width:250px;
    display:none;
    cursor: default;
    color:#fff;
    position:relative;
    height:auto;
    margin:0 auto;
    /*border:1px solid #000;*/
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.common_dialog  >.bg_cover{
    opacity:0.8;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.8);
    /*background-color:#000;
    background:-webkit-gradient(linear, left top, left bottom, from(#555),color-stop(0.23, #111125),to(#111));*/
    z-index:3;
}
.common_dialog .bg_cover .dl_header {
    opacity:0.8;
    width:100%;
    height:38px;
    background-color:#777;
}
.common_dialog .contain {
    position:relative;
    width:100%;
    display:block;opacity:1;
    background-color:transparent;
    z-index:5;
}
.common_dialog .contain .dl_header {
    position:relative;
    width:100%;
    height:38px;
    line-height:38px;
    /*border-bottom:1px solid #558ed5;*/
    text-align:center;
}
.common_dialog .contain .dl_header div{
    color:white;
}

.common_dialog .contain .dl_header .bg_cover{
    opacity:0.2;
    position:absolute;top:0;left:0;
    width:100%;
    height:38px;
    background-color:#fff;
    z-index:3;
}

.common_dialog .contain .tab {width:50%; float:left; height: 40px;}
.common_dialog .contain .link{background-color:#000; opacity:0.7;}
.common_dialog .contain .link .cover {display:none;}
.common_dialog .contain .select{background-color:transparent;}
.common_dialog .contain .select .cover{position:absolute; width:50%; height:40px; background-color:#fff; opacity:0.2;}
.common_dialog .contain .tab>a{color:white; line-height:40px;}
.common_dialog .contain .sdhd_text{color:white; padding:16px 0 8px;}
.common_dialog .contain .price{padding-right: 2px; color:inherit;}

/* 共通ダイアログ用CSS */
.small_dialog {
    min-width:300px;
    display:none;
    cursor: default;
    color:#fff;
    position:relative;
    height:auto;
    margin:0 auto;
    border:2px solid #bac0c8;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.small_dialog  .bg_cover{
    opacity:0.6;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color:#000;
    background:-webkit-gradient(linear, left top, left bottom, from(#515b74),color-stop(0.23, #162345),to(#000));
    z-index:3;
}
.small_dialog .contain {
    position:relative;
    width:100%;
    display:block;opacity:1;
    background-color:transparent;
    z-index:5;
}
.small_dialog .contain .dl_header {
    width:330px;
    height:34px;
    line-height:34px;
    /*border-bottom:1px solid #558ed5;*/
    color:white;
    text-align:center;
}
.small_dialog .contain>div {
    padding:5px;
}

.pay_change_list {
    dislay:block;
    position:relative;
    width:100%;
    /*height:24px;*/
}
.pay_change_list .default_pay{
    position:relative;
    text-align:center;
    line-height:24px;
}
.pay_change_list .default_pay img{
    width: 14px;
    vertical-align: middle;
    margin: 0 4px 0;
}
.pay_change_list .change_link{
    position:absolute;
    top:0;
    right:10px;
    line-height:24px;
}

.pay_change_list .change_link a,.button_row > input{
  transition: .3s;
}

.red{
  color: #cc0000;
}

/*プレゼント応募フォーム*/
.c-presentForm__th{
  width: 250px;
  min-height: 100px;
  background-color: #eee;
}

.c-presentForm__th_mail{
  border-radius: 20px 0 0 0;
}

.c-presentForm__th_application{
  border-radius: 0 0 0 20px;
}

.c-presentForm__td{
  width: calc(100% - 256px);
  min-height: 100px;
  background-color: #f7f7f7;
  padding: 19px 0;
}

.c-presentForm__td > input,.c-presentForm__td > textarea{
  box-sizing: border-box;
  width: 80%;
  margin-left: 48px;
  border: #eee;
  border-radius: 6px;
}

.c-presentForm__td > textarea{
  height: 8em;
}