.sp_line_sss {height : 3px;}
.sp_line_ss {height : 10px;}
.sp_line_s  {height : 16px;}
.sp_line_m  {height : 26px;}
.sp_line_l  {height : 40px;}
.sp_line_xl {height : 60px;}
.font_xxl   {font-size: 18px; margin:0px}
.font_xl    {font-size: 16px; margin:0px}
.font_l     {font-size: 14px; margin:0px}
.font_m     {font-size: 12px; margin:0px}
.font_s     {font-size: 10px; margin:0px}
.font_ss    {font-size: 8px; margin:0px}
.font_sss    {font-size: 5px; margin:0px}
.font_b     {font-weight:bold;}

.font_title {font-size:20px; margin:0px}
.font_days {font-size:50px; margin:0px}
.font_days_over {font-size:30px; margin:0px}
.font_date {font-size:20px; margin:0px}
.font_days_ca {font-size:70px; margin:0px}
.font_howto {font-size:20px; margin:0px; text-align:left; line-height: 40px;}

.mainArea {
    width:100%;
}
@media screen and (min-width : 1000px) {
    .mainArea {
        width: 1000px;
        margin:auto;
    }
}



.absoluteCenterX {
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
}
.absoluteCenterY {
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
}
.absoluteCenterXY {
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
}

.columnAnime {
    animation: move-y 3.5s infinite alternate ease-in-out;
}
@keyframes move-y {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(10px);
    }
}