SEERAY PHOTO

body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-family: ‘Shippori Mincho’, serif;
background-color: #fdfbf7;
color: #333;
overflow: hidden;
}

.slides-container {
width: 100%;
height: 100%;
position: relative;
}

.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease-in-out;
box-sizing: border-box;
padding: 5%;
}

.slide.active {
opacity: 1;
z-index: 10;
}

.title-slide h1 {
font-size: 3.5rem;
color: #bd858b;
text-align: center;
line-height: 1.4;
}

.content-slide {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 90%;
height: 80%;
}

.text-area { flex: 1; padding-right: 5%; }
.text-area h2 { font-size: 2.5rem; color: #bd858b; border-bottom: 2px solid #a88e68; padding-bottom: 0.3em; margin-bottom: 1em; }
.text-area ul { font-size: 1.6rem; line-height: 2.0; list-style-type: none; padding: 0; }
.text-area li { margin-bottom: 0.8em; position: relative; padding-left: 1.5em; }
.text-area li::before { content: “✿”; position: absolute; left: 0; color: #a88e68; }

.image-area { flex: 1; height: 100%; display: flex; justify-content: center; align-items: center; }
.image-area img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }

/* 印刷（PDF書き出し）用スタイル */
@media print {
body, html { overflow: visible !important; height: auto !important; background-color: #fdfbf7; }
.slides-container { height: auto; position: static; }
.slide { position: relative; opacity: 1 !important; z-index: auto; height: 100vh; page-break-after: always; break-after: page; }
.slide:last-child { page-break-after: auto; }
* { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
}