/* 全体 */
body{
margin:0;
font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
background:#fff0f6;
line-height:1.6;
}

/* ヘッダー */
header{
background:#ff6fa3;
color:white;
text-align:center;
padding:20px;
}

/* トップ画像 */
.topimg{
width:100%;
height:auto;
}

/* メイン */
main{
max-width:900px;
margin:auto;
padding:20px;
}

/* セクション */
section{
background:white;
padding:20px;
margin-bottom:20px;
border-radius:12px;
box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

/* 見出し */
h2{
border-left:5px solid #ff6fa3;
padding-left:10px;
}

/* 画像 */
img{
max-width:100%;
height:auto;
}

/* 写真集 */
.gallery{
display:flex;
gap:15px;
flex-wrap:wrap;
}

.gallery img{
width:150px;
border-radius:8px;
transition:0.2s;
}

.gallery img:hover{
transform:scale(1.1);
}

/* SNS */
.sns img{
width:50px;
margin-right:10px;
transition:0.2s;
}

.sns img:hover{
transform:scale(1.2);
}

/* フォーム */
input[type="text"], textarea{
width:100%;
padding:8px;
margin-top:5px;
margin-bottom:10px;
border-radius:6px;
border:1px solid #ccc;
}

textarea{
height:100px;
}

/* ボタン */
input[type="submit"]{
background:#ff6fa3;
color:white;
border:none;
padding:10px 15px;
border-radius:8px;
cursor:pointer;
}

input[type="submit"]:hover{
background:#ff4f8f;
}

/* フッター */
footer{
text-align:center;
background:#ff6fa3;
color:white;
padding:10px;
}

/* スマホ対応 */
@media (max-width:600px){

main{
padding:10px;
}

section{
padding:15px;
}

h1{
font-size:22px;
}

.gallery img{
width:100%;
}

}
/* 桜 */

.sakura{
position:fixed;
top:-10px;
width:15px;
height:15px;
background:pink;
border-radius:50% 50% 50% 0;
transform:rotate(-45deg);
pointer-events:none;
animation:fall 6s linear;
z-index:999;
}

@keyframes fall{

0%{
transform:translateY(0) rotate(0deg);
}

100%{
transform:translateY(110vh) rotate(360deg);
}

}