@charset "utf-8";
/* メインイメージのデフォルトスタイル */
#main {
    padding: 4% 0 3% 0;
    background-size: cover;
    font-family: 'Noto Serif JP', serif;
    font-weight: 900;
    color: #333;
}

#main.txt_lg {
    letter-spacing: 2px;
}

/* 二十四節気ごとの背景画像（PC用） */
#main.spring {
    background: url("../images/pic_top_01_0204.jpg") no-repeat right center;
    background-size: cover;
}
#main.rain {
    background: url("../images/pic_top_01_0219.jpg") no-repeat right center;
    background-size: cover;
}
#main.awakening {
    background: url("../images/pic_top_01_0305.jpg") no-repeat right center;
    background-size: cover;
}
#main.vernal {
    background: url("../images/pic_top_01_0320.jpg") no-repeat right center;
    background-size: cover;
}
#main.clear {
    background: url("../images/pic_top_01_0404.jpg") no-repeat right center;
    background-size: cover;
}
#main.grain {
    background: url("../images/pic_top_01_0420.jpg") no-repeat right center;
    background-size: cover;
}
#main.summer {
    background: url("../images/pic_top_01_0505.jpg") no-repeat right center;
    background-size: cover;
}
#main.full {
    background: url("../images/pic_top_01_0521.jpg") no-repeat right center;
    background-size: cover;
}
#main.grain_rain {
    background: url("../images/pic_top_01_0605.jpg") no-repeat right center;
    background-size: cover;
}
#main.solstice {
    background: url("../images/pic_top_01_0621.jpg") no-repeat right center;
    background-size: cover;
}
#main.minor_heat {
    background: url("../images/pic_top_01_0707.jpg") no-repeat right center;
    background-size: cover;
}
#main.major_heat {
    background: url("../images/pic_top_01_0722.jpg") no-repeat right center;
    background-size: cover;
}
#main.autumn {
    background: url("../images/pic_top_01_0807.jpg") no-repeat right center;
    background-size: cover;
}
#main.end_heat {
    background: url("../images/pic_top_01_0823.jpg") no-repeat right center;
    background-size: cover;
}
#main.white_dew {
    background: url("../images/pic_top_01_0907.jpg") no-repeat right center;
    background-size: cover;
}
#main.equinox {
    background: url("../images/pic_top_01_0923.jpg") no-repeat right center;
    background-size: cover;
}
#main.cold_dew {
    background: url("../images/pic_top_01_1008.jpg") no-repeat right center;
    background-size: cover;
}
#main.frost {
    background: url("../images/pic_top_01_1023.jpg") no-repeat right center;
    background-size: cover;
}
#main.winter {
    background: url("../images/pic_top_01_1107.jpg") no-repeat right center;
    background-size: cover;
}
#main.minor_snow {
    background: url("../images/pic_top_01_1122.jpg") no-repeat right center;
    background-size: cover;
}
#main.major_snow {
    background: url("../images/pic_top_01_1207.jpg") no-repeat right center;
    background-size: cover;
}
#main.solstice_winter {
    background: url("../images/pic_top_01_1221.jpg") no-repeat right center;
    background-size: cover;
}
#main.minor_cold {
    background: url("../images/pic_top_01_0106.jpg") no-repeat right center;
    background-size: cover;
}
#main.major_cold {
    background: url("../images/pic_top_01_0120.jpg") no-repeat right center;
    background-size: cover;
}
#main.new_year {
    background: url("../images/pic_top_01_0101.jpg") no-repeat right center;
    background-size: cover;
}
#main.new_year_eve {
    background: url("../images/pic_top_01_1231.jpg") no-repeat right center;
    background-size: cover;
}

/* モバイル用の背景画像 */
@media screen and (max-width: 768px) {
    #main {
        background-size: 100% auto;
    }

    #main.spring {
        background: url("../images/pic_top_01_sp_0204.jpg") no-repeat right top #fff;
    }
    #main.rain {
        background: url("../images/pic_top_01_sp_0219.jpg") no-repeat right top #fff;
    }
    #main.awakening {
        background: url("../images/pic_top_01_sp_0305.jpg") no-repeat right top #fff;
    }
    #main.vernal {
        background: url("../images/pic_top_01_sp_0320.jpg") no-repeat right top #fff;
    }
    #main.clear {
        background: url("../images/pic_top_01_sp_0404.jpg") no-repeat right top #fff;
    }
    #main.grain {
        background: url("../images/pic_top_01_sp_0420.jpg") no-repeat right top #fff;
    }
    #main.summer {
        background: url("../images/pic_top_01_sp_0505.jpg") no-repeat right top #fff;
    }
    #main.full {
        background: url("../images/pic_top_01_sp_0521.jpg") no-repeat right top #fff;
    }
    #main.grain_rain {
        background: url("../images/pic_top_01_sp_0605.jpg") no-repeat right top #fff;
    }
    #main.solstice {
        background: url("../images/pic_top_01_sp_0621.jpg") no-repeat right top #fff;
    }
    #main.minor_heat {
        background: url("../images/pic_top_01_sp_0707.jpg") no-repeat right top #fff;
    }
    #main.major_heat {
        background: url("../images/pic_top_01_sp_0722.jpg") no-repeat right top #fff;
    }
    #main.autumn {
        background: url("../images/pic_top_01_sp_0807.jpg") no-repeat right top #fff;
    }
    #main.end_heat {
        background: url("../images/pic_top_01_sp_0823.jpg") no-repeat right top #fff;
    }
    #main.white_dew {
        background: url("../images/pic_top_01_sp_0907.jpg") no-repeat right top #fff;
    }
    #main.equinox {
        background: url("../images/pic_top_01_sp_0923.jpg") no-repeat right top #fff;
    }
    #main.cold_dew {
        background: url("../images/pic_top_01_sp_1008.jpg") no-repeat right top #fff;
    }
    #main.frost {
        background: url("../images/pic_top_01_sp_1023.jpg") no-repeat right top #fff;
    }
    #main.winter {
        background: url("../images/pic_top_01_sp_1107.jpg") no-repeat right top #fff;
    }
    #main.minor_snow {
        background: url("../images/pic_top_01_sp_1122.jpg") no-repeat right top #fff;
    }
    #main.major_snow {
        background: url("../images/pic_top_01_sp_1207.jpg") no-repeat right top #fff;
    }
    #main.solstice_winter {
        background: url("../images/pic_top_01_sp_1221.jpg") no-repeat right top #fff;
    }
    #main.minor_cold {
        background: url("../images/pic_top_01_sp_0106.jpg") no-repeat right top #fff;
    }
    #main.major_cold {
        background: url("../images/pic_top_01_sp_0120.jpg") no-repeat right top #fff;
    }
#main.new_year {
    background: url("../images/pic_top_01_sp_0101.jpg") no-repeat right top #fff;
}
#main.new_year_eve {
    background: url("../images/pic_top_01_sp_1231.jpg") no-repeat right top #fff;
}
}

/* カスタマイズ: 主要コンテンツのスタイル調整 */
h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: #000000;
}
p {
    font-size: 1.2rem;
    line-height: 1.6;
}
.season-message {
    margin-top: 30px;
    font-weight: bold;
    font-size: 1.5rem;
    color: #0077cc;
}