@charset "utf-8";


/*-------------------------------------------------------------------------------------*/
/*カウントダウンタイマー*/
/*-------------------------------------------------------------------------------------*/

		#cdt_area{
			background: #222 !important;
		}
        .cdt_wrapper {
			color: #fff33b;
            font-weight: bold;
            text-align: center;
            line-height: 2;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
        }
        /* 時間, 分, 秒テキスト */
        .cdt_wrapper small {
            font-size: .6em;
            padding: 0 .2em;
        }
        .cdt {
            display: -ms-flexbox;
/*            display: flex;*/
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;

        }
        /* 終了まで */
        .cdt_txt {
			color: #fff;
            font-size: 1.2em;
            display: inline-block;
            margin-right: 0.6em;
        }
        .cdt_txt span {
            display: block;
            line-height: 1;
			font-size: 0.8em;
        }
        .cdt_date {
            font-size: 42px;
			word-wrap: normal;
			/*padding-bottom: 15px;*/
        }
        .cdt_date span{
			word-wrap: normal;
        }
		.cdt_date small{
			color: #ccc !important;
			font-size: 18px;
		}
        .cdt_date .cdt_num {
            font-family: 'Oswald', sans-serif;
            background-color: #222;
            display: inline-block;
        }
		.cdt_date .cdt_num.hour {
/*            width: 58px;
*/        }
        .cdt_date .cdt_num.min {
            width: 58px;
        }
        .cdt_date .cdt_num.sec {
            width: 58px;
        }
        .cdt_date .cdt_num.milli {
            width: 58px;
        }
        .btn {
           margin: 0 auto;
           text-align: center;
       }
        .disabled {
            background-image: none;
			display: none;
        }
        .btn a {
            font-size: 20px;
            text-decoration: none;
            display: block;
            color: #fff;
            padding: 14px 0;
        }
        .disabled a {
            color: #8f8f8f;
            pointer-events: none;
        }
		#cdt-msg{
			color: #111;
			background: #eee;
			font-size: 20px;
			padding: 5px 0;
			text-align: center;
		}
		#cdt-msg em{
			font-size: 25px;
			font-style: normal;
			font-weight: bold;
		}
		#end-msg {
			color: #111;
			font-size: 18px;
			font-weight: bold;
			display: block;
			background: #fff33b;
			padding: 10px 35px;
			margin: 20px auto 1px;
			max-width: 220px;
		}
		#shuuryou-msg{
			color: yellow;
		}
		.text-none{
			display: none;
		}
		
		/* youtube動画用 */
		.movie-area{
			background: #ddd;
			padding: 40px 10px 60px;
			width: 100%:
		}
		.movie-msg{
			color: #e0002d;
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 10px;
			text-align: center;
		}
		.iframe-wrap{
			width: 800px;
			margin: 0 auto;
		}
		.iframe-box{
			position: relative;
			width: 100%;
			padding-top: 56.25%;
		}
		.iframe-box iframe {
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 100%;
		}
		
		@media screen and (min-width: 320px) and (max-width: 768px) {
        .cdt_date {
            font-size: 34px;
        }
        .cdt_txt span {
			font-size: 0.6em;
        }
		.iframe-wrap{
			max-width: 94vw;
		}
		}