@charset "utf-8";
/* CSS Document */

#main .content{ padding-bottom: 10%; }

#main .ttl-body{ padding: 7% 0; background-color: #e56c8e; text-align: center; }
#main .ttl-body *{ color: #ffffff; }
#main .top-navi{ margin-top: 5%; text-align: center; }
#main .copy{ font-weight: bold; color: #231815; text-align: center; margin-top: 10%; }
#main .catalogue{ margin-top: 10%; text-align: center; }
#main .bg01{ background: url(../image/top/bg01.jpg) center 0; background-size: cover; padding: 11.7647% 0; }
#main .bg01 .navi{ background-color: #ffffff; }
#main .bg01 .navi a{ display: block; }
#main .bg01 .navi:nth-child(n+2){ margin-top: 7%; }
#main .bg02{ background: url(../image/top/bg02.jpg) center 0; background-size: cover; padding: 0 0 11.7647%; margin-top: -12%; z-index: 5; position: relative; }
#main .bg02 .navi{ background-color: #ffffff; }
#main .bg02 .navi a{ display: block; }
#main .bg02 .navi:nth-child(n+2){ margin-top: 5%; }



#main .handling-shop { line-height: 2; text-align: center; margin-top: 7%; }
#main .end-caption { line-height: 1.5; margin-top: 20px; text-align: center; }

@media screen and (max-width: 480px){ /*480px以下のcss*/

    #main .handling-shop { line-height: 2; text-align: center; }
    #main .end-caption { line-height: 1.5; margin-top: 30px; text-align: center; }

 }