/*
Theme Name: CAPOT Theme
Author: CAPOT
Description: Protection Cat Cafe CAPOT Theme
Version: 1.0
*/

/* Google Fonts & Tailwind CSS Setup */
@import url('[https://fonts.googleapis.com/css2?family=Darumadrop+One&family=Noto+Sans+JP:wght@700;900&family=Zen+Maru+Gothic:wght@400;500;700&display=swap](https://fonts.googleapis.com/css2?family=Darumadrop+One&family=Noto+Sans+JP:wght@700;900&family=Zen+Maru+Gothic:wght@400;500;700&display=swap)');

body {
    font-family: "Noto Sans JP", sans-serif;
    color: #42210b;
    background-color: #fff6d3;
    overflow-x: hidden;
}

.font-daruma { font-family: "Darumadrop One", cursive; }
.font-noto { font-family: "Noto Sans JP", sans-serif; font-weight: 700; }

/* アニメーション定義 */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}
.animate-float { animation: float 4s ease-in-out infinite; }

/* スクロールバー */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #fff6d3; }
::-webkit-scrollbar-thumb { background: #ffd221; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #f15a24; }

/* FV下部のカーブ切り抜き用クラス */
.fv-curve-mask {
    /* 楕円形マスク: 横幅を広げて緩やかなカーブを作る */
    -webkit-clip-path: ellipse(150% 100% at 50% 0%);
    clip-path: ellipse(150% 100% at 50% 0%);
}