@charset "utf-8";

/* ---------------------------------------
	max-width: 1120px
--------------------------------------- */

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

    /************************************************************

         Header

    ************************************************************/

    /*
        Header
    ******************************/

    header{
        position: relative;
        width: 960px;
        margin: 0 auto;
        padding: 30px 0px;
    }

    /*
        Call to Action for Header
    ******************************/
    header .h-cta{
        position: absolute;
        right: 10px;
    }

    /************************************************************

         Navigation

    ************************************************************/

    /*
        Global Navigation
    ******************************/
    nav.gnav{
        width: 298px;
        margin-left: -149px;
    }
    nav.gnav ul li a.item__01{
        margin-right: 34px;
    }
    nav.gnav ul li a.item__02{
        margin-right: 34px;
    }
    nav.gnav ul li a.item__03{
        margin-right: 34px;
    }

    /************************************************************

         Hero

    ************************************************************/

    .c-hero{
        height: 400px;
    }
    .c-hero_ttl{
        bottom: -40px;
    }

    /************************************************************

         Layout

    ************************************************************/

    /*
        Sections
    ******************************/
    div.c-sec{
        margin-top: 108px;
        margin-bottom: 108px;
    }

    /*
        Instagram Feed
    ******************************/

    .instagram-feed{
        width: 960px;
    }

    /*
        Reserve
    ******************************/

    .reserve{
        position: relative;
        width: 960px;
    }

    /*
        Google Maps | APIは使用せず
    ******************************/
    .c-map{
        width: 960px;
    }

    /************************************************************

        HOME

    ************************************************************/

    /*
        Home | Hero images
    ******************************/

    .h-hero{
        position: relative;
        width: 960px;
        height: 480px;
        margin: 0 auto 120px;
    }

    .h-hero .h-hero__img{
        margin-left: 280px;
        width: 680px;
        height: 460px;
        z-index: 1;
    }
    .h-hero .h-hero__ttl{
        width: 258px;
        left: 0;
        top: 40px;
    }
    .h-hero .h-hero__logo{
        display: block;
        width: 350px;
        height: 192px;
        overflow: hidden;
    }
    .h-hero__product{
        width: 240px;
        left: 58px;
        bottom: 60px;
    }

    /*
        Home | Concept
    ******************************/
    .h-concept{
        width: 960px;
    }
    .h-concept__img{
        width: 380px;
    }
    .h-concept__txt{
        width: 580px;
        height: 440px;
        padding: 56px;
        margin-left: 380px;
        margin-top: -490px;
    }

    /*
        Home | Factory Info
    ******************************/

    .h-factoryinfo{
        width: 960px;
    }
    .h-factoryinfo .h-factoryinfo__ttl{
        width: 280px;
    }
    .h-factoryinfo .h-factoryinfo__ttl h2{
        font-size: 2.25em;
    }
    .h-factoryinfo .h-factoryinfo_img{
        width: 360px;
        height: 234px;
    }
    .h-factoryinfo .h-factoryinfo_data{
        width: 290px;
    }
    .h-factoryinfo .h-factoryinfo_data p{
        line-height: 1.5;
        margin-bottom: 20px;
    }

    /*
        Home | MENU
    ******************************/

    .h-menu{
        width: 960px;
    }
    .h-menu .h-menu__data{
        padding: 80px 0 0 0;
        width: 960px;
        height: 658px;
    }

    /************************************************************

        Conpept

    ************************************************************/

    .concept-block__01{
        position: relative;
        width: 960px;
        height: 580px;
        margin: 108px auto 64px;
    }
    .concept-block__01 .concept-txtbox__01{
        width: 580px;
        height: auto;
        padding: 44px;
        top: 50px;
    }
    .concept-block__01 .concept-imgbox__01{
        width: 480px;
    }
    .concept-block__02{
        width: 960px;
        height: 640px;
        margin: 64px auto 108px;
    }
    .concept-block__02 .concept-txtbox__02{
        width: 580px;
        padding: 44px;
        top: 80px;
    }
    .concept-block__02 .concept-imgbox__02{
        width: 490px;
    }


    /************************************************************

        Factory Info

    ************************************************************/

    .factoryinfo-block{
        position: relative;
        width: 960px;
        margin-bottom: 240px;
        padding-top: 72px;
    }
    .factoryinfo-block .factoryinfo-block__info{
        margin-top: -60px;
    }
    .factoryinfo-block .factoryinfo-block__info h2{
        font-size: 30px;
        letter-spacing: 0px;
        margin-bottom: 30px;
    }
    .factoryinfo-block .factoryinfo-block__info p{
        font-size: 15px;
        line-height: 2;
    }
    .factoryinfo-block__img.img__01{
        width: 480px;
        height: 388px;
    }
    .factoryinfo-block__img.img__02{
        width: 460px;
        height: 342px;
        margin-top: 24px;
        margin-left: 48px;
    }
    .factoryinfo-block__img.img__03{
        position: absolute;
        width: 270px;
        height: auto;
        right: 72px;
        top: 404px;
    }
    .factoryinfo-block__img.img__04{
        width: 320px;
        height: 277px;
        margin-top: 64px;
    }
    .factoryinfo-block__img.img__05{
        width: 580px;
        height: auto;
        position: absolute;
        bottom: -114px;
        right: 0;
    }

}/* max-width: 1024px */


/* ---------------------------------------
	max-width: 960px
--------------------------------------- */

@media screen and (max-width: 960px) {}/* max-width: 960px */