@charset "utf-8";
/* CSS Document */


/*　日付カウンター追加　*/
.counter_wrap{background: #fff;padding: 15px 30px 10px;color: #0f43a3;border: 3px #0f43a3 solid;}
.mv_area{position: relative;}
.counter_area{position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);width: 480px;font-weight: bold;}
.counter_time{display: inline-flex;line-height: 1;background-color: #0f43a3;color: #fff;border-radius: 8px;padding: 6px 6px 2px;font-size: 4.5rem;margin: 0 2px;vertical-align: bottom;}
.counter_week{display: inline-block;background-color: #0f43a3;color: #fff;border-radius: 50%;padding: 4px 8px 1px;margin-left: 5px;vertical-align: bottom;}


@media (min-width: 740px){
    .count_text{font-size: 2rem;text-align: right;}
    .countarea_text{font-size:15px;position: absolute;left: 35px;}
}

@media (max-width: 1280px) and (min-width: 740px){
    .counter_wrap{padding: 6px 16px 6px;}
    .countarea_text{top: 55%;transform: translate(0%, -50%);}
    .counter_time{font-size: 2.5rem;}
}

@media (max-width: 950px) and (min-width: 740px){
    .counter_area{left: calc(100vw - 50vw);bottom: 2%;}
    .counter_area .acodBlock .content{padding: 5px;}
    .counter_area .acodBlock .heading{padding: 4px;}
}

@media (max-width: 739px){
    .counter_area{bottom: 15%;width: 100%;max-width: 400px;}
    .counter_wrap{padding: 8px 5px;}
    .counter_time{font-size: 3rem;padding: 6px 6px 3px;margin: 0 1px;}
    .counter_week{padding: 3px 6px 1px;}
    .countarea_text{text-align: center;}
    .count_text{text-align: center;}
}