<small> class="copyright">&copy; SiteName.</small>

/* ====================================================
　コピーライト　.copyright
========================================================== */
.copyright {
    display: block;
    background: #f0f0f0;
    padding: 1em;
    line-height: 1;
    text-align: left;
}
.copyright.alignCenter { text-align: center; }
.copyright.alignRight { text-align: right; }

@media print, screen and (min-width: 768px) {
.copyright { font-size: 11px; }
}

@media screen and (max-width: 767px) {
.copyright { font-size: 12px; }
}

@import "../_setvar";
/* =======================================================
	コピーライト　.copyright
========================================================== */

//背景
$copyright_bg: #f0f0f0;

//テキスト揃え
$copyright_align_pc: center;
$copyright_align_sp: center;

//フォントサイズ
$copyright_size_pc: $base_text_size - 3px;
$copyright_size_sp: $base_text_size - 2px;

//================　設定ここまで　=================

.copyright {
    display:block;
    background:$copyright_bg;
    padding: 1em;
    line-height:1;
    text-align:left;
    
    &.alignCenter {
        text-align:center;
    }
    &.alignRight {
        text-align:right;
    }

    @media print, screen and (min-width: 768px) {
        font-size: $copyright_size_pc;
    }
    @media screen and (max-width: 767px) {
        font-size: $copyright_size_sp;
    }
}