.nav-target {
    padding-top: 30px;
    padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
    .nav-target {
        padding-top: 5vw;
        padding-bottom: 0;
    }
}

#beginwrap1 {
    width: 960px;
    height: 340px;
    margin: 0 auto 42px;
    clear: both;
    overflow: hidden;
    background-image: url(../img/beginner/img1.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 75%;
    line-height: 1.45;
}

#beginwrap1 .l {
    width: 390px;
    float: left;
    margin-top: 75px;
    margin-left: 20px;
}


/* 幅広い用途で
-----------------------------------------------	*/

#beginwrap2 {
    width: 960px;
    height: 442px;
    margin: 0 auto 42px;
    clear: both;
    overflow: hidden;
    background-image: url(../img/beginner/img2.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#beginwrap2 h2,
#beginwrap2 p {
    text-indent: -9999px;
}

#banner {
    width: 940px;
    margin: 0px auto 0;
    clear: both;
    overflow: hidden;
    list-style: none;
    padding-top: 90px;
}

#banner li {
    display: inline;
}

#banner li a {
    text-indent: -9999px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
}

#banner li a:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#banner #b1 a {
    background-image: url(../img/beginner/bana01.png);
    float: left;
    width: 299px;
    height: 241px;
}

#banner #b2 a {
    background-image: url(../img/beginner/bana02.png);
    float: left;
    width: 299px;
    height: 245px;
    margin-left: 20px;
    margin-top: 4px;
}

#banner #b3 a {
    background-image: url(../img/beginner/bana03.png);
    float: left;
    width: 299px;
    height: 241px;
    margin-left: 20px;
}


/* 麦の市流　おいしい焼き方　もんじゃ
-----------------------------------------------	*/

#beginwrap3 {
    width: 960px;
    height: 856px;
    margin: 0 auto 20px;
    clear: both;
    overflow: hidden;
    position: relative;
    background-image: url(../img/beginner/howto1.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#beginwrap3 h2,
#beginwrap3 h3,
#beginwrap3 p {
    text-indent: -9999px;
}

#beginwrap3 h4#beg01 a {
    top: 765px;
    left: 620px;
    position: absolute;
    display: block;
    width: 323px;
    height: 44px;
}

/* お好みカルツォーネ
-----------------------------------------------	*/

#beginwrap4 {
    width: 960px;
    height: 732px;
    margin: 0 auto 20px;
    clear: both;
    overflow: hidden;
    position: relative;
    background-image: url(../img/beginner/howto2.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#beginwrap4 h3,
#beginwrap4 p {
    text-indent: -9999px;
}

#beginwrap4 h4#beg02 a {
    top: 685px;
    left: 360px;
    position: absolute;
    display: block;
    width: 323px;
    height: 44px;
}

/* 大阪風モダン焼き
-----------------------------------------------	*/

#beginwrap5 {
    width: 960px;
    height: 870px;
    margin: 0 auto 20px;
    clear: both;
    overflow: hidden;
    position: relative;
    background-image: url(../img/beginner/howto3.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#beginwrap5 h3,
#beginwrap5 p {
    text-indent: -9999px;
}

#beginwrap5 h4#beg03 a {
    top: 805px;
    left: 20px;
    position: absolute;
    display: block;
    width: 323px;
    height: 44px;
}

div#contants_bt {
    width: 1000px;
    height: 150px;
    margin: 0px auto;
    background-image: url(../img/shared/bg_contentsbt.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

@media screen and (max-width: 767px) {

    .block {
        background: url(../img/shared/bg_b.jpg) no-repeat bottom center;
        padding-bottom: 20px;
    }

    .block p {
        margin: 0 5%;
        padding-bottom: 10px;
    }

    #lead {
        padding-top: 15px;
        font-size: 85%;
    }

    #lead p.txt_01 {
        margin-top: -25px;
    }

    #sec01 {
        background: url("../img/shared/bg05.jpg") repeat;
        padding-bottom: 10px;
    }

    #sec01 ul {
        margin: 0 5%;
    }

    #sec01 ul li {
        padding-bottom: 3%;
    }

    #sec02 {
        padding-top: 10px;
    }

    #sec04 {
        padding-bottom: 10px;
    }

    .sliders {
        margin: 0 5%;
    }

    .slick-slider .slick-dots button {
        border-color: #000;
    }

    .slick-slider .slick-dots .slick-active button {
        background: #000;
    }

    .slick-slider .slick-dots {
        bottom: 0;
    }
}