@charset "UTF-8";

/* include */
@import url('./popup.css');

/* common */
@media all and (min-width:769px){

	.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide, .swiper-wrapper {height: 100% !important;}

}



/* Main Visual */
#mainVisual {clear: both; display: block; width: 100%; height: 850px; margin: 0 auto; padding: 0; background: transparent; overflow: hidden; position: relative; z-index: 1;}
#mainVisual .swiper-main-visual {width: 100%; height: 100%;}
#mainVisual .swiper-main-visual .swiper-wrapper {}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide {display: flex; justify-content: center; align-items: center; background: #222; font-size: inherit; text-align: center;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .inner.w1440 {width: 100%; height: 100%;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW {width:100%; margin: 0 auto; text-align: left; position: absolute; left: 10px; top:50%; transform:translateY(-50%); z-index: 2;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW {}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p {color: #fff; line-height:1.5; font-weight:700; letter-spacing:-.055em; text-align:center; word-break: keep-all;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p br.mobile {display: none;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p span,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p span.brick {display: inline-block;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.ti {font-size:2.75em;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.date {margin:0 auto .5em; font-size:3.875em;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW {margin-top: calc(2em - calc(1.625em * .25));}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more {display: block; width: fit-content; transition: .3s;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p {display: inline-block; color: #fff;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.ti {margin-bottom: .25em; font-size: 1.625em; font-weight: 600; line-height: 1; vertical-align: middle;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.add {margin-left: .5em; padding: .5em .875em .625em; background: #910002; border: 1px solid transparent; border-radius: 2em; font-size: 1em; font-weight: 300; line-height: 1; vertical-align: middle; transition: .3s;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.add span {padding-right: calc(.5em + 9px); line-height: 1; position: relative; transition: .3s;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.add span::before,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.add span::after {content: ''; display: block; background: #fff; position: absolute; transition: .3s;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.add span::before {width: 9px; height: 1px; right: 0; top: 50%;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.add span::after {width: 1px; height: 9px; right: 4px; top: calc(50% - 4px);}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:hover p.add,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:focus p.add {background: rgba(255, 255, 255, .85); border-color: #910002; color: #910002;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:hover p.add span::before,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:focus p.add span::before,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:hover p.add span::after,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:focus p.add span::after {background: #910002;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .brandLogoW {position: absolute; right: 10px; bottom: 6em; z-index: 1;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .brandLogoW .brandLogo {width: 180px;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .brandLogoW .brandLogo img {width: 100%;}
/* #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW {text-align: center; position: absolute; right: 10px; bottom: calc(3em + 4px + 8px); transition: .3s; z-index: 2;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW.click {transform: translateY(-.5em);}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW p {color: #fff; font-weight: 300; line-height: 1; letter-spacing: .015em;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link .QR {width: calc(120px + 8px); height: calc(120px + 8px); border: 4px solid #a70004; margin: .875em auto 0; position: relative; z-index: 0;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link .QR::before,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link .QR::after {content: ''; display: block; width: 100%; height: 100%; background: #a70004; opacity: 0; inset: -4px; position: absolute; left: 50%; top: 50%; transform-origin: center; animation: pulseOut 3s ease-out infinite;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link .QR::before {z-index: -2;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link .QR::after {animation-delay: 1s; z-index: -1;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link .QR img {width: 100%;}
@keyframes pulseOut {0% {transform: translate(-50%, -50%) scale(1); opacity: .85;} 100% {transform: translate(-50%, -50%) scale(1.25); opacity: 0;}}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link:hover,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link:focus {}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link:hover .QR::before,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link:focus .QR::before,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link:hover .QR::after,
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link:focus .QR::after {animation: pulseOutMouse 1.5s ease-out infinite;}
@keyframes pulseOutMouse {0% {transform: translate(-50%, -50%) scale(1); opacity: 1;} 100% {transform: translate(-50%, -50%) scale(1.25); opacity: 0;}} */
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .imgW {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .imgW::before {content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .35); position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 1;}
#mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .imgW img {display: block; width: 100%; min-width: auto; height: auto; min-height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#mainVisual .swiper-main-visual .bgBox {}
#mainVisual .swiper-main-visual .bgBox .inner {position: static;}
#mainVisual .swiper-main-visual .bgBox .pager {width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(calc(-3em / 2)); z-index: 1;}
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-prev,
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-next {width: 3em; height: 3em; margin: 0; background: rgba(0, 0, 0, .3); /*backdrop-filter: blur(4px);*/ border-radius: 50%; color: transparent; top: 0;}
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-prev {left: 3em; right: auto;}
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-next {left: auto; right: 3em;}
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-prev::before,
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-next::before {content: ''; display: block; width: 9px; height: 15px; position: absolute; top: 50%; z-index: 11;}
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-prev::before {background: url('../images/ico_arrow_left_light.png') no-repeat 0 0 / cover; right: calc(50% + 2px); transform: translate(50%, -50%);}
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-next::before {background: url('../images/ico_arrow_right_light.png') no-repeat 0 0 / cover; left: calc(50% + 2px); transform: translate(-50%, -50%);}
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-prev::after,
#mainVisual .swiper-main-visual .bgBox .pager .swiper-button-next::after {font-size: 0;}
#mainVisual .swiper-main-visual .bgBox .swiper-pagination {height: 4px; background: rgba(255, 255, 255, .3); top: auto; bottom: 0;}
#mainVisual .swiper-main-visual .bgBox .swiper-pagination span {background: #a70004;}



/* contents */
/* #mainContents {width: 100%; margin: 0 auto; padding: 1em 0; background: transparent; overflow: hidden; z-index: 1;} */
#Countdown {width: 100%; height: 100%; padding: 6em 0 6.5em; background: #fff;}
#Countdown .inner.w1440 {}
#Countdown .tiW {text-align: center;}
#Countdown .tiW p {color: #22336e; font-size: 1.5em; font-weight: 700; line-height: 1.5; word-break: keep-all;}
#Countdown .tiW p.ti {}
#Countdown .tiW p.ti strong{display:inline-block; position:relative; width:100%; max-width:fit-content; margin:.313em auto 0; padding:.125em 2.5em; background:#a70004; border:1px inset #910002; border-radius:5em; color:#fff; font-size:1.063em; font-weight:600; z-index:1;}
#Countdown .timer {display: flex; justify-content: center; gap: 1.5em; margin: 3em auto 0;}
#Countdown .timer div {text-align: center;}
#Countdown .timer div p {font-weight: 500;}
#Countdown .timer div p span {color: #2c418d; font-weight: 500; position: relative;}
#Countdown .timer div.time {width: 120px;}
#Countdown .timer div.time p {padding: 0; color:#073257; background: #073257; background: linear-gradient(-135deg, #0d7d49 0, #00a166 38%, #073257 68%, #090d51 100%); background-clip: text; -webkit-background-clip: text; color: transparent; /*line-height: 1;*/ font-weight: 500; outline-offset: -1px; overflow: unset;}
#Countdown .timer div.time p span {}
#Countdown .timer div.time p.number {font-size: 3.375em;}
#Countdown .timer div.time p.txt {margin: .875em auto 0; color: #2c418d; font-size: .938rem;}
#Countdown .timer div.time p.txt span {position: relative;}
#Countdown .timer div.time p.txt span::before,
#Countdown .timer div.time p.txt span::after {display: inline-block; color: inherit; font-size: .875em; vertical-align: top;}
#Countdown .timer div.time p.txt span::before {content: '(';}
#Countdown .timer div.time p.txt span::after {content: ')';}
#Countdown .timer div.colon {display: flex; justify-content: center; flex-direction: column; align-self: flex-start; width: 16px;}
#Countdown .timer div.colon p {color: #8b91a6; font-size: 3.375em;}

#mainContents .area02{padding:5em 0; background:#910002; background:linear-gradient(135deg, #5b0e23 0, #910002 32%, #a11d23 85%, #e04039 100%);}
#mainContents .area02 p{word-break:keep-all;}
#mainContents .area02 .flexW{display:flex; flex-wrap:wrap; align-items:flex-start; gap:1.5em 5em;}
#mainContents .area02 .flexW .tiW{flex:1;}
#mainContents .area02 .flexW .tiW p{line-height:1.25; color:#fff; font-size:3em; font-weight:600;}
#mainContents .area02 .flexW .tiW p.ti{line-height:1.5; font-size:4em;}
#mainContents .area02 .flexW .tiW p.ti strong{}
#mainContents .area02 .flexW .tiW p br.pc{display:inline;}
#mainContents .area02 .flexW .detailW{flex:1.5;}
#mainContents .area02 .flexW .detailW p{line-height:1.75; color:#fff; font-size:1.5em;}

#mainContents .area03{padding:6em 0 6.5em;}
#mainContents .area03 p{word-break:keep-all;}
#mainContents .area03 .tiW{margin:0 auto 5em;}
#mainContents .area03 .tiW p{line-height:1.25; font-size:1.25em; text-align:center;}
#mainContents .area03 .tiW p.ti{margin:0 auto .5em; font-size:2.5em;}
#mainContents .area03 ul.organization{display:flex; flex-wrap:wrap; justify-content:center; gap:2.5em 1.5em;}
#mainContents .area03 ul.organization li{flex:1 1 calc(25% - (1.5em * 3 / 4)); max-width:calc(25% - (1.5em * 3 / 4)); text-align:center;}
#mainContents .area03 ul.organization li a{display:block; width:100%; height:100%;}
#mainContents .area03 ul.organization li .wrapper{width:100%; height:100%;}
#mainContents .area03 ul.organization li .imgW{position:relative; width:100%; max-width:12em; margin:0 auto 1.5em;}
#mainContents .area03 ul.organization li .imgW .pic{position:relative; width:100%; max-width:12em; margin:0 auto; overflow:hidden;}
#mainContents .area03 ul.organization li .imgW .pic:before{content:''; display:block; padding-top:100%;}
#mainContents .area03 ul.organization li .imgW .pic img{position:absolute; width:100%; height:auto; top:50%; left:50%; object-fit:cover; transform:translate(-50%, -50%);}
#mainContents .area03 ul.organization li .txtW{}
#mainContents .area03 ul.organization li .txtW div{}
#mainContents .area03 ul.organization li .txtW div p{line-height:1.5;}
#mainContents .area03 ul.organization li .txtW div p.ti{}
#mainContents .area03 ul.organization li .txtW div.name{margin:0 auto .5em;}
#mainContents .area03 ul.organization li .txtW div.name p{font-size:1.125em; font-weight:600;}
#mainContents .area03 ul.organization li .txtW div.info{}
#mainContents .area03 ul.organization li .txtW div.info p{font-size:.875em;}


@media all and (max-width:1699px){
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .inner.w1440 {max-width: 1280px;}
    #mainVisual .swiper-main-visual .bgBox .pager .swiper-button-prev {left: 1.5em;}
    #mainVisual .swiper-main-visual .bgBox .pager .swiper-button-next {right: 1.5em;}

    #mainContents .inner.w1440{padding:0 1.5em;}
}

@media all and (max-width:1599px){
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.ti {font-size:2vw;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.date {font-size:4vw;}

    #Countdown .inner.w1440 {padding: 0 1.5em;}
}

@media all and (max-width:1440px){
    #mainVisual {height: 700px;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .inner.w1440 {max-width: 100%;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW {padding:0 calc(1.5em + 3em + 20px);}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .brandLogoW {right: calc(1.5em + 3em + 20px); bottom: 4.5em;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .brandLogoW .brandLogo {width: 160px;}
    /* #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW {right: calc(1.5em + 3em + 20px);} */
    #mainVisual .swiper-main-visual .bgBox .pager .swiper-button-prev {left: 20px;}
    #mainVisual .swiper-main-visual .bgBox .pager .swiper-button-next {right: 20px;}
}

@media all and (max-width:1279px){

}

@media all and (max-width:1080px){
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p span.brick {display: block;}
}

@media all and (max-width:1023px){
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.ti {font-size:1.5em;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.date {font-size:2.5em;}

    #mainContents .area02 .flexW .tiW p{font-size:2.75em;}
    #mainContents .area02 .flexW .tiW p.ti{font-size:3.5em;}
    #mainContents .area02 .flexW .detailW{flex:1;}
    #mainContents .area02 .flexW .detailW p{font-size:1.25em;}

    #mainContents .area03 ul.organization li{flex:1 1 calc(33.333% - (1.5em * 2 / 3)); max-width:calc(33.333% - (1.5em * 2 / 3));}
}

@media all and (max-width:768px){
    #mainVisual {height: 600px; min-height: 420px;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW {width: 100%; padding: 0 calc(3em + 20px * 2); text-align: center; top:27.5%; left: 50%; transform: translateX(-50%);}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.ti {font-size:1.375em;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.date {font-size:2.25em;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW {margin-top: 0;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more {margin: 0 auto;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.ti {font-size: 1.125em;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.add {font-size: .875em;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .brandLogoW {right: 50%; transform: translateX(50%);}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .brandLogoW .brandLogo {width: 140px;}
    /* #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW {right: 50%; bottom: calc(68px + 4px + 8px); transform: translateX(50%);}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW.click {transform: translate(50%, -.5em);}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .qrW a.link .QR {width: calc(90px + 8px); height: calc(90px + 8px);} */

    #Countdown {padding: 4.5em 0 5em;}
    #Countdown .tiW p {font-size: 1.5em;}
    #Countdown .timer {gap: .75em; margin: 2em auto 0;}
    #Countdown .timer div.time {width: 100%;}
    #Countdown .timer div.time p.number,
    #Countdown .timer div.colon p {font-size: 2.75em;}

    #mainContents .area02 .flexW .tiW{flex:1 1 100%;}
    #mainContents .area02 .flexW .tiW p{font-size:2.375em;}
    #mainContents .area02 .flexW .tiW p.ti{font-size:3em;}
    #mainContents .area02 .flexW .tiW p br.pc{display:none;}
    #mainContents .area02 .flexW .detailW{flex:1 1 100%;}
    #mainContents .area02 .flexW .detailW p{font-size:1.125em;}
}

@media all and (max-width:580px){
    #mainVisual .swiper-main-visual .bgBox .pager {display: none;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW {padding: 0 20px;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more {padding: .875em 1em; background: #910002; border: 1px solid transparent; border-radius: 2em; vertical-align: middle;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.ti {margin: 0 auto; position: relative;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.ti::after {content: '→'; display: inline-block; margin-left: .25em; color: #fff; font-size: inherit; vertical-align: top;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:hover, 
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:focus {background: rgba(255, 255, 255, .85); border-color: #910002;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:hover p.ti, 
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:focus p.ti,
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:hover p.ti::after, 
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more:focus p.ti::after {color: #910002;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.add {display: none;}

    #mainContents .area03 ul.organization li{flex:1 1 calc(50% - (1.5em / 2)); max-width:calc(50% - (1.5em / 2));}
}

@media all and (max-width:480px){
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.ti {font-size:1.125em;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.date {font-size:1.875em;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.ti {font-size: 1.125em;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .brandLogoW .brandLogo {width: 120px;}

    #Countdown {padding: 3.25em 0 3.75em;}
    #Countdown .tiW p {font-size: 1.25em;}
    #Countdown .timer {margin: 1.5em auto 0;}
    #Countdown .timer div.time p.number,
    #Countdown .timer div.colon p {font-size: 2em;}
    #Countdown .timer div.time p.txt {font-size: .875rem;}
}
@media all and (max-width:380px){
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.ti {font-size:4.25vw;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .tiW p.date {font-size:7.5vw;}
    #mainVisual .swiper-main-visual .swiper-wrapper .swiper-slide .txtW .moreW .more p.ti {font-size: 4.25vw;}

    #Countdown .tiW p {font-size: 4.75vw;}
    #Countdown .timer div.time p.number,
    #Countdown .timer div.colon p {font-size: 7.5vw;}
    #Countdown .timer div.time p.txt {font-size: 3vw;}

}

@media all and (max-width:319px){

}



/* ie hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:768px){
}