@charset "utf-8";
	.countdownWrap {
		width: 1050px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #2d2b2b;
		font-weight: 900;
		margin: 0 auto;
	}
    .topbnr {
        margin-bottom: 3%;
    }
    .countdownWrap p.expire {
        font-size: 2em;
        margin-left: 4%;
        text-align: left;
    }
    .countdown-alt-1 {
        display: block;
        margin: 6% auto 0;
        /*font-size: 0;*/  /* Hack for inline and inline-block extra markup generated spaces */
        text-align: center;
    }
    .countdown-alt-1 .item {
        position: relative;
        margin: 0 auto;
    }
    .countdown-alt-1 .item.item-dd {
        margin-right: 7%;
    }
    .countdown-alt-1 .dd,
    .countdown-alt-1 .hh-1,
    .countdown-alt-1 .hh-2,
    .countdown-alt-1 .mm-1,
    .countdown-alt-1 .mm-2,
    .countdown-alt-1 .ss-1,
    .countdown-alt-1 .ss-2 {
        display: inline-block;
        font-size: 130px;
    }
    .countdown-alt-1 .separator {
        font-size: 100px;
        margin: 0 3%;
    }
    .countdown-alt-1 .separator-dd {
        display: none;
        font-size: 40px;
        margin: 0 5% 0 0;
    }
    .countdown-alt-1 .label {
        font-size: 40px;
        position: absolute;
        top: -140px;
    }
    .countdown-alt-1 .label-dd {
/*        display: none;*/
        left: 0;
    }
    .countdown-alt-1 .label-hh {
        left: 20%;
    }
    .countdown-alt-1 .label-mm {
        left: 4%;
    }
    .countdown-alt-1 .label-ss {
        left: -9%;
    }
    br.br-sp {
        display: none;
    }



/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/



@media screen and (max-width: 640px) {
	.countdownWrap {
		max-width: 640px;
        width: 100%;
        margin: 0 auto;
	}
    .countdownWrap p.expire {
        font-size: 1.3em;
	    text-align: center;
	    /*padding-top: 30px;*/
	    padding-bottom: 15px;
    }
    .countdown-alt-1 {
        margin: 2% auto 0;
    }
    .countdown-alt-1 .dd,
    .countdown-alt-1 .hh-1,
    .countdown-alt-1 .hh-2,
    .countdown-alt-1 .mm-1,
    .countdown-alt-1 .mm-2,
    .countdown-alt-1 .ss-1,
    .countdown-alt-1 .ss-2 {
/*        font-size: 60px;*/
        font-size: 3.2em;
    }
    .countdown-alt-1 .separator {
        font-size: 40px;
    }
    .countdown-alt-1 .separator-dd {
        font-size: 20px;
    }
    .countdown-alt-1 .label {
/*        font-size: 20px;*/
        font-size: 17px;
/*        top: -63px;*/
        top: -42px;
    }
    .countdown-alt-1 .label-dd {
/*        display: none;*/
        left: -20%;
    }
    .countdown-alt-1 .label-hh {
        left: 10%;
    }
    .countdown-alt-1 .label-mm {
        left: -12%;
    }
    .countdown-alt-1 .label-ss {
        left: -9%;
    }
    br.br-sp {
        display: inline;
    }
}
