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






body {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	}
#inner {
	width: 100%;
	margin: 0 auto;
	font-family:serif;

 }
#CDT:before, #CDT2:before, #CDT3:before, #CDT4:before, #CDT5:before, #CDT6:before, #CDT7:before, #CDT8:before, #CDT9:before, #CDT10:before, #CDT11:before, #CDT12:before, #CDT13:before, #CDT14:before,  #CDT15:before,  #CDT16:before,  #CDT17:before,  #CDT18:before,  #CDT19:before,  #CDT20:before {content:"残りあと";font-size: 14px;
	color: #000 !important;}
#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
	display:block;
	font-family: serif;
	font-weight: bold;
	color: #efe454;
	margin: 0 auto;
	padding:3px 0;
border-radius:8px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dc8886), color-stop(1.00, #dc8886));
background: -webkit-linear-gradient(#dc8886, #dc8886);
background: -moz-linear-gradient(#dc8886, #dc8886);
background: -o-linear-gradient(#dc8886, #dc8886);
background: -ms-linear-gradient(#dc8886, #dc8886);
background: linear-gradient(#dc8886, #dc8886);
}
.day, .hou, .min, .sec, .mil {/*カウントする数字の大きさ*/
	font-size: 24px;
padding:0px 10px;
text-align:center;
border-radius:8px;
	color:#000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #fff));
background: -webkit-linear-gradient(#fff, #fff);
background: -moz-linear-gradient(#fff, #fff);
background: -o-linear-gradient(#fff, #fff);
background: -ms-linear-gradient(#fff, #fff);
background: linear-gradient(#fff, #fff);
}
.day {
}
.hou {
}
.min {
}
.sec {
}
.mil {
}
.moji {/*日とか時間とか秒とかの文字の色と大きさ*/
	font-size: 14px;
	color:#000 !important;
}


#timer_img {position:absolute;top:80px;bottom:0;left:0;right:0;}
#timer_img a:hover img{opacity:0.8;}

#timer_img img:after{
	content: "";
clear:both;display:block;
}






/* BNRset4 */

#timer_img .bnrset4 div {max-width:1200px;width:1200px;}
#timer_img .bnrset4  div div{width:100%;}
#timer_img .bnrset4  div.bnrx1 {border-bottom:0px solid #ccc;padding:0 0 0px;margin:0 0 0px 0;float:left;width:33.3%;}
#timer_img img{max-width:auto !important;}
#timer_img .bnrset4  img{max-width:100%;}
#timer_img .bnrset4  div.bnrx1 img {width:100%;}
#timer_img .bnrset4  div.bnrx3 img {width:33.15% !important;float:left;}
#timer_img .bnrset4  div.bnrx3:after {content: "";clear: both;display: block;}


/*1200*/
@media (max-width: 1199px) {
#timer_img .bnrset4 div {max-width:1100px;width:1100px;}
#timer_img .bnrset4  div div{width:100%;}
#timer_img .bnrset4  div.bnrx1 {width:25%;border-bottom:0px solid #ccc;padding:0 0 0px;margin:0 0 0px 0;}
#timer_img img{max-width:auto !important;}
#timer_img .bnrset4  img{max-width:100%;}
#timer_img .bnrset4  div.bnrx1 img {width:98%;margin:0 1%;}
#timer_img .bnrset4  div.bnrx3 img {width:25% !important;float:left;}
#timer_img .bnrset4  div.bnrx3:after {content: "";clear: both;display: block;}
#timer_img {position:absolute;top:0px;bottom:0;left:100px;right:0;width:1100px;}

#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
width:97px;float:left;display:block;
	font-family: serif;
	font-weight: bold;
	color: #777;
	margin: 0 3px 0 0;
	padding:6px 0 !important;
border-radius:4px;
background:#fff;
border:0px solid #fff;
line-height:1.25;
}
.day, .hou, .min, .sec, .mil {/*カウントする数字の大きさ*/
	font-size: 17px;
margin:0px 0px !important;
padding:0px 0px !important;
text-align:center;
border-radius:0px;
background:none;
	color:#805679;
}
.day {
}
.hou {
}
.min:before {content: "";clear: both;display: block;}

.min {
}
.sec {
}
.mil {
}
.moji {/*日とか時間とか秒とかの文字の色と大きさ*/
	font-size: 11px;
	color:#000 !important;
}
#CDT:before, #CDT2:before, #CDT3:before, #CDT4:before, #CDT5:before, #CDT6:before, #CDT7:before, #CDT8:before, #CDT9:before, #CDT10:before, #CDT11:before, #CDT12:before, #CDT13:before, #CDT14:before, #CDT15:before, #CDT16:before, #CDT17:before, #CDT18:before, #CDT19:before, #CDT20:before {content:"残り";font-size: 11px;
	color: #777;}
#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
letter-spacing:0em;
margin:0 !important;
}
} /*1200*/



/*571*/
@media (min-width: 570px) {
#timer_img .bnrset4 div {max-width:85%;width:85%;}
#timer_img .bnrset4  div div{width:100%;}
#timer_img .bnrset4  div.bnrx1 {width:100%;border-bottom:0px solid #ccc;padding:0 0 0px;margin:0 0 0px 0;}
#timer_img img{max-width:auto !important;}
#timer_img .bnrset4  img{max-width:100%;}
#timer_img .bnrset4  div.bnrx1 img {width:100%;margin:0;box-shadow: 0 0px 8px 0 rgb(255 255 255 / 60%);}
#timer_img {position:absolute;top:50px;bottom:0;left:0;right:0;max-width:100%;}

#timer_img .bnrset4  div.bnrx1:first-child {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(2) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(3) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(4) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(5) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(6) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(7) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(8) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(9) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(10) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(11) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(12) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}
#timer_img .bnrset4  div.bnrx1:nth-child(13) {width:49%;margin:0 0.5% 5px;display:block !important;float:left;}

#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
width:100%;float:left;display:block;
	font-family: serif;
	font-weight: bold;
	color: #777;
	margin: 0 3px 0 0;
	padding:6px 0 !important;
border-radius:4px;
background:transparent;
border:0px solid #fff;
line-height:1.25;
}
.day, .hou, .min, .sec, .mil {/*カウントする数字の大きさ*/
	font-size: 26px;
margin:0px 10px !important;
padding:0 8px !important;
text-align:center;
border-radius:6px;
background:#fff;
	color:#666 !important;
box-shadow: 0 0px 6px 0 rgb(0 0 0 / 10%);
}
.day {
}
.hou {
}
.min:before {content: "";clear: both;display: inline;}

.min {
}
.sec {
}
.mil {
}
.moji {/*日とか時間とか秒とかの文字の色と大きさ*/
	font-size: 14px;
	color:#333 !important;
}
#CDT:before, #CDT2:before, #CDT3:before, #CDT4:before, #CDT5:before, #CDT6:before, #CDT7:before, #CDT8:before, #CDT9:before, #CDT10:before, #CDT11:before, #CDT12:before, #CDT13:before, #CDT14:before, #CDT15:before, #CDT16:before, #CDT17:before, #CDT18:before, #CDT19:before, #CDT20:before {
content:"残り";font-size: 14px !important;
	color: #333;
}
#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
letter-spacing:0em;
margin:0 !important;
}
.iframe-class{
    max-width: 100%;
    margin: 0 auto;
}
} /*571*/



/*570*/
@media (max-width: 570px) {
#timer_img .bnrset4 div {max-width:570px;width:570px;}
#timer_img .bnrset4  div div{width:570px;}
#timer_img .bnrset4  div.bnrx1 {width:50%;border-bottom:0px solid #ccc;padding:0 0 0px;margin:0 0 0px 0;}
#timer_img img{max-width:auto !important;}
#timer_img .bnrset4  img{max-width:100%;}
#timer_img .bnrset4  div.bnrx1 img {width:100%;margin:0;box-shadow: 0 0px 8px 0 rgb(255 255 255 / 60%);}
#timer_img {position:absolute;top:50px;bottom:0;left:0;right:0;max-width:570px;}

#timer_img .bnrset4  div.bnrx1:first-child {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4  div.bnrx1:nth-child(2) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4  div.bnrx1:nth-child(3) {width:49%;margin:0 0.5% 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(4) {width:49%;margin:0 0.5% 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(5) {width:49%;margin:0 0.5% 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(6) {width:49%;margin:0 0.5% 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(7) {width:49%;margin:0 0.5% 5px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(8) {width:49%;margin:0 0.5% 5px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(9) {width:49%;margin:0 0.5% 5px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(10) {width:49%;margin:0 0.5% 5px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(11) {width:49%;margin:0 0.5% 5px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(12) {width:49%;margin:0 0.5% 5px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(13) {width:49%;margin:0 0.5% 5px;display:none !important;}

#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
width:100%;float:left;display:block;
	font-family: serif;
	font-weight: bold;
	color: #777;
	margin: 0 3px 0 0;
	padding:6px 0 !important;
border-radius:4px;
background:transparent;
border:0px solid #fff;
line-height:1.25;
}
.day, .hou, .min, .sec, .mil {/*カウントする数字の大きさ*/
	font-size: 26px;
margin:0px 10px !important;
padding:0 8px !important;
text-align:center;
border-radius:6px;
background:#fff;
	color:#666 !important;
box-shadow: 0 0px 6px 0 rgb(0 0 0 / 10%);
}
.day {
}
.hou {
}
.min:before {content: "";clear: both;display: inline;}

.min {
}
.sec {
}
.mil {
}
.moji {/*日とか時間とか秒とかの文字の色と大きさ*/
	font-size: 14px;
	color:#333 !important;
}
#CDT:before, #CDT2:before, #CDT3:before, #CDT4:before, #CDT5:before, #CDT6:before, #CDT7:before, #CDT8:before, #CDT9:before, #CDT10:before, #CDT11:before, #CDT12:before, #CDT13:before, #CDT14:before, #CDT15:before, #CDT16:before, #CDT17:before, #CDT18:before, #CDT19:before, #CDT20:before {
content:"残り";font-size: 14px !important;
	color: #333;
}
#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
letter-spacing:0em;
margin:0 !important;
}
.iframe-class{
    max-width: 85%;
    margin: 0 auto;
}
} /*570*/


/*569*/
@media (max-width: 569px) {
#timer_img .bnrset4 div {max-width:100%;width:100%;}
#timer_img .bnrset4  div div{width:100%;}
#timer_img .bnrset4  div.bnrx1 {width:50%;border-bottom:0px solid #ccc;padding:0 0 0px;margin:0 0 0px 0;}
#timer_img img{max-width:auto !important;}
#timer_img .bnrset4  img{max-width:100%;}
#timer_img .bnrset4  div.bnrx1 img {width:100%;margin:0;box-shadow: 0 0px 8px 0 rgb(255 255 255 / 60%);}
#timer_img {position:absolute;top:40px;bottom:0;left:0;right:0;max-width:100%;}

#timer_img .bnrset4  div.bnrx1:first-child {width:100%;margin:0 0 0px;display:block !important;}
#timer_img .bnrset4  div.bnrx1:nth-child(2) {width:100%;margin:0 0 0px;display:block !important;}
#timer_img .bnrset4  div.bnrx1:nth-child(3) {width:49%;margin:0 0.5% 0px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(4) {width:49%;margin:0 0.5% 0px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(5) {width:49%;margin:0 0.5% 0px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(6) {width:49%;margin:0 0.5% 0px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(7) {width:49%;margin:0 0.5% 0px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(8) {width:49%;margin:0 0.5% 0px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(9) {width:49%;margin:0 0.5% 0px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(10) {width:49%;margin:0 0.5% 0px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(11) {width:49%;margin:0 0.5% 0px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(12) {width:49%;margin:0 0.5% 0px;display:none !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(13) {width:49%;margin:0 0.5% 0px;display:none !important;}

#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
width:100%;float:left;display:block;
	font-family: serif;
	font-weight: bold;
	color: #777;
	margin: 3px auto 0;
	padding:4px 0 3px 0 !important;
border-radius:4px;
background:#fff;
border:0px dotted #999;
line-height:1.25;
opacity:0.85;
}
.day, .hou, .min, .sec, .mil {/*カウントする数字の大きさ*/
	font-size: 16px;
margin:0px 4px !important;
padding:0 8px !important;
text-align:center;
border-radius:6px;
background:#fff;
	color:#a61111 !important;
box-shadow: 0 0px 6px 0 rgb(0 0 0 / 15%);
}
.day {
}
.hou {
}
.min:before {content: "";clear: both;display: inline;}

.min {
}
.sec {
}
.mil {
}
.moji {/*日とか時間とか秒とかの文字の色と大きさ*/
	font-size: 10px !important;
	color:#666 !important;
}
#CDT:before, #CDT2:before, #CDT3:before, #CDT4:before, #CDT5:before, #CDT6:before, #CDT7:before, #CDT8:before, #CDT9:before, #CDT10:before, #CDT11:before, #CDT12:before, #CDT13:before, #CDT14:before, #CDT15:before, #CDT16:before, #CDT17:before, #CDT18:before, #CDT19:before, #CDT20:before {
content:"残り";font-size: 10px !important;
	color: #666;
}
#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
letter-spacing:0em;
margin:0 !important;
}
.iframe-class{
    max-width: 85%;
    margin: 0 auto;
height:517px;overflow:scroll;

}
} /*569*/


/*319*/
@media (max-width: 319px) {
#timer_img .bnrset4 div {max-width:100%;width:100%;}
#timer_img .bnrset4  div div{width:100%;}
#timer_img .bnrset4  div.bnrx1 {width:100%;border-bottom:0px solid #ccc;padding:0 0 0px;margin:0 0 0px 0;}
#timer_img img{max-width:auto !important;}
#timer_img .bnrset4  img{max-width:100%;}
#timer_img .bnrset4  div.bnrx1 img {width:100%;margin:0;box-shadow: 0 0px 8px 0 rgb(255 255 255 / 60%);}
#timer_img {position:absolute;top:40px;bottom:0;left:0;right:0;max-width:100%;}

#timer_img .bnrset4  div.bnrx1:first-child {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4  div.bnrx1:nth-child(2) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4  div.bnrx1:nth-child(3) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(4) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(5) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(6) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(7) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(8) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(9) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(10) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(11) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(12) {width:100%;margin:0 0 5px;display:block !important;}
#timer_img .bnrset4 div.bnrx1:nth-child(13) {width:100%;margin:0 0 5px;display:block !important;}

#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
width:100%;float:left;display:block;
	font-family: serif;
	font-weight: bold;
	color: #777;
	margin: 3px auto 0;
	padding:4px 0 3px 0 !important;
border-radius:4px;
background:#fff;
border:0px dotted #999;
line-height:1.25;
opacity:0.85;
}
.day, .hou, .min, .sec, .mil {/*カウントする数字の大きさ*/
	font-size: 16px;
margin:0px 4px !important;
padding:0 8px !important;
text-align:center;
border-radius:6px;
background:#fff;
	color:#a61111 !important;
box-shadow: 0 0px 6px 0 rgb(0 0 0 / 15%);
}
.day {
}
.hou {
}
.min:before {content: "";clear: both;display: inline;}

.min {
}
.sec {
}
.mil {
}
.moji {/*日とか時間とか秒とかの文字の色と大きさ*/
	font-size: 10px !important;
	color:#666 !important;
}
#CDT:before, #CDT2:before, #CDT3:before, #CDT4:before, #CDT5:before, #CDT6:before, #CDT7:before, #CDT8:before, #CDT9:before, #CDT10:before, #CDT11:before, #CDT12:before, #CDT13:before, #CDT14:before, #CDT15:before, #CDT16:before, #CDT17:before, #CDT18:before, #CDT19:before, #CDT20:before {
content:"残り";font-size: 10px !important;
	color: #666;
}
#CDT1, #CDT2, #CDT3, #CDT4, #CDT5, #CDT6, #CDT7, #CDT8, #CDT9, #CDT10, #CDT11, #CDT12, #CDT13, #CDT14, #CDT15, #CDT16, #CDT17, #CDT18, #CDT19, #CDT20 {
letter-spacing:0em;
margin:0 !important;
}
.iframe-class{
    max-width: 319px;
    margin: 0 auto;
height:517px;overflow:scroll;
}
} /*319*/


#eventtimer_box {width:1200px;margin:50px auto;}
#eventtimer_box_left {width:180px;float:left;}
#eventtimer_box_right {width:950px;float:right;}


@media (max-width: 640px) {
#eventtimer_box {width:100%;margin:50px auto;}
#eventtimer_box_left {display:none;}
#eventtimer_box_right {width:100%;float:right;}
}