html {
}

body {
background-color:#ffe7db;
margin:0;
}

.wrap {
padding:0;
margin:0;
background-image:url(images/bgw1920.jpg);
background-size:cover;
background-repeat:no-repeat;
text-align:center;
margin:0 auto;
}

.bgimg {
posi tion: fixed;
to p: 0;
le ft: 38%;
height:calc(100% - 40px);
max-width:100%;
margin:0;
padding:0;
}
.cut_newsinger {
position: absolute;
top: 0;
left: 0;
z-index:-99;
}
.newsinger_img { /*縦150px横640px*/
margin-bottom:0px;
position: absolute;
clip: rect(0px, 50%, 50%, 0px);
margin-left: -50%;
margin-top: -0px;
}
.newsinger_table {
z-index:99;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%,0);
width:100% !important;
max-width:950px !important;
margin:0 !important;
backgr ound-color:#00f;
height:100%;
display:inline-block;
}
.line1 {
display:block;
width:calc(100% - 12px);
text-align:left;
padding:6px;
}
.line2 {
position: absolute;
top: 0;
left:0;
z-index:99;
display:block;
width:calc(100% - 12px);
max-width:950px !important;
height:60px;
padding:6px;
b order:1px solid #000;
text-align:right;
}
.line3 {
display:inline-block;
width:100%;
height:calc(100% - 120px);
align-items: center;
bac kground-color:#0f0;
font-size:3.0em;
font-family: Century Gothic, sans-serif;
font-weight: 900;
color:#f66;
vertical-align:middle;
}
.vamid {
dis play:inline-block;
position: absolute;
top: 35%;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 80%;
bo rder:1px solid #000;
}
.line4 {
position: absolute;
left:0;
display:block;
width:calc(100% - 12px);
max-width:950px !important;
text-align:right;
padding:6px;
borde r:1px solid #000;
}

#countdown {
font-size:3.0em;
padding:0;
font-family: Century Gothic, sans-serif;
font-weight: 900;
width:100%;
color:#f66;
display:inline-block;
hei ght:calc(100vh - 240px);
bo x-sizing: border-box;
li ne-height:80vh;
}
#days {
display:inline-block;
padding:0;
margin:0;
}
#hours {
display:inline-block;
padding:0;
margin:0;
}
#minutes {
display:inline-block;
padding:0;
margin:0;
}
#seconds {
display:inline-block;
padding:0;
margin:0;
}


@media screen and (max-width:960px),print {
/*　画面サイズが960px以下はここを読み込む　*/

.wrap {
padding:0;
margin:0;
background-image:url(images/bgw960.jpg);
background-size:cover;
background-repeat:no-repeat;
}

.bgimg {
le ft: 25%;
}


}


@media screen and (max-width:428px),print {
/*　画面サイズが428px以下はここを読み込む　*/

.wrap {
padding:0;
margin:0;
background-image:url(images/bgw430.jpg);
background-size:cover;
background-repeat:no-repeat;
}


.bgimg {
to p:25px;
le ft: 17%;
}
.line3 {
align-items: center;
font-size:2.0em;
font-family: Century Gothic, sans-serif;
font-weight: 900;
}


}