.mt50 {margin-top:50px;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}
.mt05 {margin-top:5px;}
.notes {color:#FF0000;}
.txt_err {color:#FF0000;}
.txt_c {text-align:center;}
.float_l {float:left;}
.float_r {float:right;}
.clear {clear:both;}
.pdl {padding-left:10px; width:650px;}
.pdl2 {padding-left:15px;}
.pdl3 {padding-left:30px;}
.em {font-weight:bold;}

/*テーブル（汎用）*/
.t_common						{border:1px #999999 solid;}
.t_common th					{vertical-align:middle; padding:10px 0; font-weight:normal; font-size:12px; border:1px #999999 solid; background-color:#CFCFCF;}
.t_common th p					{padding-left:10px; padding-right:10px;}
.t_common td					{padding:10px 0; vertical-align:middle; font-size:12px; border:1px #999999 solid;}
.t_common td p					{padding-left:10px; padding-right:10px;}
.t_common td p.pl0				{padding-left:0; padding-right:0;}
.t_common td span.pl0			{padding-left:0; padding-right:0;}


/* nodee関連のスピナー*/
.loading{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.3);
    z-index: 2147483647;
}
.loading::before{
    content:"";
    display:block;
    position:fixed;
    left:50%;
    top:50%;
    width:50px;
    height:50px;
    border-radius:5px;
    margin-top:-15px;
    margin-left:-15px;
    background:white;
}
.loading::after{
    content:"";
    display:block;
    position:fixed;
    left:50%;
    top:50%;
    width:32px;
    height:32px;
    border-radius:20px;
    margin-top:-10px;
    margin-left:-10px;
    border:4px solid #f79256;
    border-right:4px solid white;
    animation: rotate 1s infinite linear;
}
@keyframes rotate {
    0%    { transform: rotate(0deg); }
    100%  { transform: rotate(360deg); }
}

svg > g > g.google-visualization-tooltip { pointer-events: none }

/* 画像アップロードスピナー */
.spinner {
    width: 20px;
    height: 20px;
    position: relative;
}

.spinner_body {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #f79256;
    animation: spinner 1.5s linear infinite;
}

.spinner_m {
    width: 28px;
    height: 28px;
}

.spinner_body_m {
    width: 14px;
    height: 14px;
}

.cursor-not-allowed {
    cursor: not-allowed!important;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

/* 楽曲アップロード時のプログレスバー */
div#progress_div {
    border: 1px solid #222222;
    width: 180px;
    height: 8px;
    background-image: url('../images/progressbar.gif');
    background-repeat: repeat-y;
    background-position: 0 0;
}

/* 配信サービス選択部分のCSS */
.tooltips {
    display: none;
    position: absolute;
    bottom: -0.8em;
    z-index: 1000;
    padding: 0.5em;
    color: #FFFFFF;
    background: #ff8c00;
    border-radius: 0.5em;
}
.tooltips:after {
    width: 5%;
    content: "";
    display: block;
    position: absolute;
    left: 0.5em;
    top: -8px;
    border-top:8px solid transparent;
    border-right:8px solid #ff8c00;
}
.select-store-item:hover .tooltips {
    display: block;
}
a.faq-shift {
    content: "";
    margin-top: -30px;
    height: 30px;
    display: block;
    visibility: hidden;
}

.disable-text[disabled]::placeholder {
    color: #ccc;
}

.youtube-reading {
    @media screen and (min-width:641px){
        width: 90% !important;
    }
}

.youtube-alert-paper {
    background-color: #fff7dd;
    padding: 25px 20px 10px 20px;
    border-radius: 18px;
    color: #000;
    font-size: 12pt;
}

.youtube-submit-area {
    @media screen and (min-width:641px) {
        width: 50%;
        margin: 0 auto;
    }
}

.fullwidth-anchor-button {
    @media screen and (max-width:640px) {
        display: block !important;
        text-align: center !important;
    }
}

footer ul.license li.acrcloud {
    background: url(../images/acrcloud_logo.png) right center no-repeat;
    padding-right: 95px;
    background-size: auto 30px;
    line-height: 30px;
}

.text-indent {
    margin-left: 14px;

    @media screen and (min-width:640px) {
        margin-left: 12px;
    }
}