* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            width: 3840px;
            height: 2160px;
            overflow: hidden;
            font-family: 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
        }
        
        #bg {
            position: relative;
            width: 3840px;
            height: 2160px;
        }
        
        #bg img {
            width: 3840px;
            height: 2160px;
            display: block;
        }

        #off_area {
            position: absolute;
			top:0px;
			left:0px;
            width: 3840px;
            height: 2160px;
        }
        
        #off_area img {
            width: 3840px;
            height: 2160px;
            display: block;
			position:absolute;
			top:0px;
			left:0px;
        }
        
        /* 共通スタイル */
        .data-item {
            position: absolute;
            text-align: center;
            font-weight: bold;
        }
        
        /* コース状況 - 左上の表 */
        .course-status {
            font-size: 90px;
            width: 100px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .status-open {
            color: #0066cc;
        }
        
        .status-closed {
            color: #cc0000;
        }
        
        .status-hold {
            color: #ff9900;
        }
		.triangle{
			font-size:38px;	
			color:#000;
			font-weight: bold;
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
		}
        
        /* 右側 INFORMATION エリア */
        .info-box {
            font-size: 72px;
            color: #333;
            min-width: 300px;
            text-align: center;
        }
        
        .info-box.weather-icon {
            font-size: 90px;
        }
        
        .info-box.temperature {
            font-size: 90px;
        }
        
        .info-box.snow-data {
            font-size: 90px;
        }
        
        /* リフト運行状況 */
        .lift-status {
            font-size: 90px;
            width: 220px;
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* 天気アイコン表示用 */
        .weather-text {
            font-size: 90px;
            margin-top:-18px;
        }

        #snow_quality{
            font-size:90px;
        }


#weather_condition img{
    position:absolute;
    top:6px;
    left:-70px;
}


#temperature {
    top: 539px;
    left: 3150px;
    width: 500px;
}

#snow_depth {
    top: 735px;
    left: 3150px;
    width: 500px;
}

#today_snowfall {
    top: 925px;
    left: 3150px;
    width: 500px;
}

#snow_quality {
    top: 1110px;
    left: 3100px;
    width: 550px;
    text-align: left;
}
.icy {
    top: 1254px;
    left: 3030px !important;
    width: 550px;
	text-align: left;
}

#wind_speed {
    top: 1300px;
    left: 3150px;
    width: 500px;
}


#course_dynamic {
    top: 382px;
    left: 491px;
}

#course_panorama {
    top: 455px;
    left: 491px;
}

#course_crystal {
    top: 526px;
    left: 491px;
}

#course_romance {
    top: 668px;
    left: 491px;
}

#course_mild {
    top: 740px;
    left: 491px;
}

#course_family {
    top: 900px;
    left: 491px;
}
#datetime{
    font-size:50px;
    position:absolute;
    left:2980px;
    top: 1960px;
}
#datetime-lng{
    font-size:35px;
    position:absolute;
    right:150px;
    top:344px;
}
#datetime-enkr{
    font-size:25px;
    position:absolute;
    left:3280px;
    top: 2024px;	
}

#weather_lng{
    position:absolute;
    right:-40px;
    font-size:50px;
    top:32px;
}
#snow_quality_lng{
    position:absolute;
    right: -50px;
    text-align:right;
    font-size: 45px;
    top: 37px;
}
.icy #snow_quality_lng{
    position:absolute;
    right:-220px;
    text-align:right;
    font-size:50px;
    top:32px;
}
#circle-timer {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 100px;
    height: 100px;
    z-index: 9999;
}

#circle-timer svg {
    width: 100%;
    height: 100%;
    transform: rotate(-0deg); /* 上から開始 */
}

#timer-path {
    fill: none;
    stroke: #00ccff;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 0;

    animation: countdown 15s linear forwards;
}

@keyframes countdown {
    from { stroke-dashoffset: 0; }
    to   { stroke-dashoffset: 100; }
}


#marquee div {
	margin:0; padding-left:600px; display:inline-block; white-space:nowrap;
	animation-name:marquee; animation-timing-function:linear;
	animation-duration:60s; animation-iteration-count:infinite;
	}
@keyframes marquee {
	from   { transform: translate(0%);} 
	99%,to { transform: translate(-100%);}
	}


#marquee{
	position:absolute;
	top:18px;
	left:0px;
	right:200px;
	height:120px;
	font-size:70px;
	color:#FFF;
	overflow:hidden;
	
}