@charset "UTF-8";

/*------------------------------------------------------------
CSS Document

WEC ル・マンスペシャルフォトギャラリー 用CSS

MAKING 251013 wcw_mn


・
-------------------------------------------------------------*/

/* 画面全体を覆うステージ */
html, body {
/*       height: 100%; */
margin: 0;
background: #000;
}
.stage {
position: fixed;
inset: 0;
overflow: hidden;
isolation: isolate;
background: #000;
}

/* 2枚のレイヤーを交互にフェード */
.slide {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;            /* 余白なしで全画面 */
opacity: 0;
transition: opacity 1.2s ease;/* フェード時間 */
will-change: opacity;
filter: saturate(1) contrast(1) brightness(1);
}
.slide.is-active {
opacity: 1;
}

/* ローディング表示（任意） */
.loading {
position: absolute;
inset: 0;
display: grid;
place-items: center;
color: #fff;
font: 600 16px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
letter-spacing: .02em;
background: #000;
z-index: 10;
}

/* 任意：画面クリックで一時停止/再開のヒント */
.hint {
position: absolute;
right: 12px;
bottom: 12px;
color: #fff8;
font: 500 12px/1.2 system-ui, sans-serif;
user-select: none;
z-index: 5;
}
.hint kbd {
padding: 2px 6px;
border: 1px solid #fff3;
border-bottom-width: 2px;
border-radius: 6px;
background: #111a;
color: #fffa;
margin: 0 4px;
font: 600 11px/1 system-ui, sans-serif;
}

h1{
position: relative;
width: 100%;
height: 100%;
z-index: 5;
color: #fff;
text-align: center;
font-family: "Playwrite DE SAS", cursive;
text-shadow: 1px 1px 2px #000;
}

footer{
	z-index: 5;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(255,255,255,0.7);
}

.message{
	position: relative;
	text-align: center;
	color: #000;
}

.sns-link{




text-align: center;
padding: 10px 0 10px 0;
}

.sns-link a {
padding: 10px;
display: inline-block;
font-size: 0;
}

.sns-link a img{
width: 40px;
height: auto;
}

.sns-link a:hover{
opacity: 0.7;
}