@charset "UTF-8";

/* 6/1〜変更部分CSS*/

#countDownTxtArea
{
	text-align: center;
	background-color: #0090a8;
}
#countDownTxtArea p
{
	color: #fff;
	font-weight: 500;
	transform: scale(1, 1.1);
}
.content span
{
	color: #faec00;
}
#btnContent
{
    position: relative;
}
/* ボタンアニーメーションの設定　Start */
#btnContent .btn_move,#link_privilege #btn_privilege
{
	position:absolute;
	width: 95%;
/* アニメーションの名前 */
    animation-name: shiver;
    /* アニメーションの１回分の長さ */
    animation-duration: 1.5s;
    /* アニメーションの回数 */
    animation-iteration-count: infinite;
    /* アニメーションの進行具合 */
    animation-timing-function: ease-in-out;
    /* アニメーション再生の向き */
    animation-direction: alternate;
    /* アニメーション再生の待機時間 */
    animation-delay: 2s;
}
/* アニメーションの設定（#reseveBtn） */
@keyframes shiver
{
    0% {transform: translate(0, 0);}
	5% {transform: translate(-5px, -0);}
	10% {transform: translate(5px, 0);}
	15% {transform: translate(-5px, -0);}
	20% {transform: translate(5px, 0);}
	25% {transform: translate(-5px, -0);}
	30% {transform: translate(0, 0);}
	100% {transform: translate(0, 0);}
}
/* ボタンアニーメーションの設定　End */

/* カウントダウンエリアの設定　Start */
#countDownArea
{
    background-color: #0090a8;
    color: #fff;
    text-align: center;
	font-weight: 500;
}
/* カウントダウンエリアの設定　End */

/* コースアップキャンペーン限定特典　Start */
#freefull #link_privilege
{
	position: relative;
}
#freefull #link_privilege #btn_privilege
{
	position: absolute;
    	top: 22%;
    	left: 7%;
		width: 87%;
}

/* コースアップキャンペーン限定特典　End */


/*モバイル用（0px 〜 834px） Start*/
@media (max-width: 834px)
{
	.content p
	{
		font-size: 1.8rem;
	}
	.content #day
	{
		font-size: 2.6rem;
	}
    #btnContent .btn_move
    {
        display: block;
        position: absolute;
    	top: -3%;
    	left: 4%;
    	width: 95%;
    }
	#countDownTxt
	{
		padding-top: 20px;
	}
	#countDownTxtArea
	{
		padding-top: 30px;
	}
	/* カウントダウンエリアの設定　Start */
    #countDownArea
    {
        font-size:2rem;
        padding-bottom:0.5rem;
    }
	#countdown-day,#countdown-hour,#countdown-min,#countdown-sec
	{
		font-size: 3rem;
		color: #faec00;
	}
	/* カウントダウンエリアの設定　End */
	
	#entryProcess
	{
   		margin-top: -80px;
	}
	
	
	/* コースアップキャンペーン限定特典　Start */
	#freefull #link_privilege #btn_privilege
	{
		position: absolute;
    	top: 22%;
    	left: 7%;
		width: 87%;
	}
	/* コースアップキャンペーン限定特典　End */
	
}
/*モバイル用（0px 〜 834px） End*/

/*PC用（835px 〜） Start*/
@media (min-width: 835px)
{
	.content p
	{
		font-size: 3.8rem;
	}
	.content #day
	{
		font-size: 4.5rem;
	}
    #btnContent .btn_move
    {
        display: block;
		position: absolute;
        top: -50px;
		left: 35px;
    }
	#countDownTxt
	{
		padding-top: 20px;
	}
	#countDownTxtArea
	{
		padding-top: 50px;
	}
    #countDownArea
    {
        font-size:4rem;
        padding: 4rem 0;
	}
    #countdown-day,#countdown-hour,#countdown-min,#countdown-sec
	{
		font-size: 5rem;
		color: #faec00;
	}
	#entryProcess
    {
/*        margin-top: -400px;*/
    }
	#entryProcess h2
	{
		margin-bottom: 7rem;
	}
	#step1 .title01,#step2 .title01,#step3 .title01
	{
		margin-bottom: 64px;
	}
	/* コースアップキャンペーン限定特典　Start */
	#btn_privilege
	{
		position: absolute;
    	top: 22%;
    	left: 2%;
		width: 87%;
	}
	/* コースアップキャンペーン限定特典　End */
	
}
/*PC用（835px 〜） End*/