@charset "UTF-8";
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
    基本設定
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body,html {
    margin: 0;
    padding: 0;
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    background: #fff;
    color: #522C0C;


}
ul li { list-style: none;}
ul { margin: 0; padding: 0;}
a { text-decoration: none; }

img { max-width: 100%; height: auto !important; }

a img:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.fl { float: left !important;}
.fr { float: right !important;}
.center { text-align: center !important;}

/*フォントサイズ
---------------------------------*/
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font16 { font-size: 16px !important; }


/*フォント
---------------------------------*/
.bold { font-weight: bold !important; }

/*パディング
---------------------------------*/
.pb10 { padding-bottom: 10px !important;}
.pt40 { padding-top: 40px;}
/*テキスト
---------------------------------*/
p { margin: 0; line-height: 2em;}
.left { text-align: left !important;}


#wrapper {
    width: 100%;
    margin: 0 auto;
}

#mobile_header {
    display: none;
    height: 60px;
    background: #F0E8E2;
    color: #522C0C;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 99999;
}

#btn {
    font-size: 22px;
    vertical-align: middle;
    padding: 15px 0;
}

.inner-box {
    width: 900px;
    margin: 0 auto;
}

.left-box { float: left;}
.right-box { float: right;}


/*--------------------------------------------------------------------------------
　▼ main　
--------------------------------------------------------------------------------*/
#header { position: relative;}
#main img { width: 100%;}

.logo {
    position: absolute;
    left: calc(50% - 200px);
    top:270px;
}


/*--------------------------------------------------------------------------------
　▼ nav　
--------------------------------------------------------------------------------*/
.inner-box1 {
    width: 900px;
    margin: 0 auto;
    position: relative;
}

.ns {
    position: absolute;
    top: -120px;
    right: 0;
}
.ns-1 { display: none;}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.nav { padding: 20px 0; background: #fff;}
.nav ul {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.nav ul li {
    display: inline-block;
    width: auto;
    margin-right: 84px;
}

.nav ul li:last-child { margin-right: 0 !important;}

.nav ul li a {
    display: block;
    text-align: center;
    color: #000;
    font-size: 16px;
}

.title {
    font-size: 20px;
    padding-bottom: 25px;
    text-align: left !important;
}

.bt-gurunavi {
    position: relative; top:120px;
}

ul.inline_block { font-size: 0;}
ul.inline_block li { display: inline-block; font-size: 14px; vertical-align: top;}
ul.ul02 li {
    width: 50%;
    padding-bottom: 25px;
}
ul.ul02 li:nth-child(odd) { padding-right: 1.5%;}
ul.ul02 li:nth-child(even) { padding-left: 1.5%;}


.anchor { position: relative; top: -150px;}
/*--------------------------------------------------------------------------------
　▼ kichen 　
--------------------------------------------------------------------------------*/
#kichen { padding-top: 50px;}
#kichen .left-box {
    width: 370px;
    padding-right: 40px;
}
#kichen .right-box {
    width: 530px;
}


/*--------------------------------------------------------------------------------
　▼ gb-box
--------------------------------------------------------------------------------*/
.gb-box { font-size: 0;}
.gb-box img { width: 100%;}


/*--------------------------------------------------------------------------------
　▼ gallery
--------------------------------------------------------------------------------*/
#gallery {
    width: 100%;
    background: #F0E8E2;
    padding: 50px 0;
}

#gallery .left-box,
#gallery .right-box {
    width: 50%;
    font-size: 0;
}

#gallery .left-box .left-1 { background: #fff; text-align: center;}

#gallery .box {
    width: 50%;
    height: 225px;
    padding: 23px;
}

.gallery-banner {
  text-align: center;
  margin-bottom: 70px;
}

.gallery-banner a img {
  width: 60%;
}


/*--------------------------------------------------------------------------------
　▼ menu
--------------------------------------------------------------------------------*/
#menu { padding-top: 70px;}
#menu .left-box { width: 300px;}
#menu .left-box:first-child { padding-right: 15px;}


/*--------------------------------------------------------------------------------
　▼ take out
--------------------------------------------------------------------------------*/
#takeout { padding-top: 70px;}
#takeout .left-box {
    width: 305px;
    padding-right: 5px;
    height: 605px;
}
#takeout .left-box img {
    text-align: center;
    margin-top: 120px;
}

img.tab { display: none;}


/*--------------------------------------------------------------------------------
　▼ access
--------------------------------------------------------------------------------*/
#access {
    padding: 50px 0;
    background: #F0F0E1;
}

#access .left-box {
    width: 370px;
    padding-right: 40px;
   }

#access .right-box {
    width: 530px;
}

dl { width: 100%;}
dl dt { width: 30%; float: left; padding-bottom: 10px; font-weight: bold;}
dl dd { padding-bottom: 10px;}


/*--------------------------------------------------------------------------------
　▼ footer
--------------------------------------------------------------------------------*/
#footer {
    width: 100%;
    background: #B20000;
    padding: 20px 0;
    display: block;
}





/*---------------------------------タブレット用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:900px) {

    .inner-box,
    .inner-box1 { width: 95%; margin: 0 auto;}

    #header { position: static;}
    /*--------------------------------------------------------------------------------
    　▼ main　
    --------------------------------------------------------------------------------*/
    .logo {
        left: calc(50% - 200px);
        top:135px;
    }

    .ns {
        top: -70px;
    }

    /*--------------------------------------------------------------------------------
    　▼ nav　
    --------------------------------------------------------------------------------*/
    .inner-box1 {
        width: 95%;
        position: relative;
        top: 10px;
    }

    .nav ul li {
        display: inline-block;
        width: 16.5%;
        margin-right: 0;
    }

    .nav ul li a {
        display: block;
        text-align: center;
        color: #000;
        font-size: 16px;
    }

    .title {
        font-size: 20px;
        padding-bottom: 25px;
    }

    .bt-gurunavi {
        position: relative; top:90px;
    }

    /*--------------------------------------------------------------------------------
    　▼ kichen 　
    --------------------------------------------------------------------------------*/
    #kichen .left-box,
    #kichen .right-box { width: 100%; float: none; padding: 0 0 20px 0;}
    #kichen .right-box { text-align: center;}

    /*--------------------------------------------------------------------------------
    　▼ gallery
    --------------------------------------------------------------------------------*/
    #gallery { padding-top: 60px;}

    #gallery .left-box,
    #gallery .right-box {
        width: 100%;
    }

    #gallery .left-box .img-box { width: 30%; float: left !important;}

    #gallery .box {
        width: 70%;
        height: auto;
        padding: 20px;
        float: right !important;
    }

    #gallery .right-box { text-align: center; font-size: 14px;}

    /*--------------------------------------------------------------------------------
    　▼ menu
    --------------------------------------------------------------------------------*/
    #menu { padding-top: 60px;}
    #menu p { line-height: 1.5em !important; font-size: 14px;}
    #menu .left-box { width: 33%; padding: 3px; font-size: 0;}
    #menu .left-box:first-child { padding-right: 5px;}


    /*--------------------------------------------------------------------------------
    　▼ take out
    --------------------------------------------------------------------------------*/
    #takeout { padding-top: 60px;}
    #takeout .left-box {
        width: 100%;
        padding-right: 0;
        position: static;
        height: auto;
        padding-bottom: 20px;
        text-align: center;
    }
    #takeout .left-box p { float: none; width: 100%; text-align: left !important;}
    #takeout .left-box img { margin-top: 0px;}

    img.pc { display: none;}
    img.tab { display: block;}
    #takeout .right-box { width: 100%;}

    /*--------------------------------------------------------------------------------
    　▼ access
    --------------------------------------------------------------------------------*/
    #access { padding-top: 60px;}
    #access .left-box {
        width: 37%;
        padding-right: 20px;
    }

    #access .right-box { width: 53%;}
}


/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:640px) {

    #mobile_header { display: block;}

    #wrapper { padding-top: 60px;}

    /*--------------------------------------------------------------------------------
    　▼ main　
    --------------------------------------------------------------------------------*/
    .logo {
        position: static;
        width: 100%;
        text-align: center;
    }

    .ns { display: none;}
    .ns-1 { display: block; text-align: center;}

    .nav { display: none;}
    #nav {
        width: 100% !important;
        position: fixed !important;
        top: 60px !important;
        z-index: 9999 !important;
        max-height: 100%;
        margin-top: 0;
        display: none;
        background: #F0E8E2;
    }

    #nav ul {
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 0;
        border-top:1px solid #ccc;
    }

    #nav ul li {
        float: left;
        width: 50%;
        text-align: center;
        border-bottom: 1px solid #ccc;
    }
    #nav ul li:hover { background: #522C0C;}

    #nav ul li:last-child { border:none;}
    #nav ul li a {
        color: #522C0C;
        padding: 20px 0;
        display: block;
        font-size: 14px;
    }
    #nav ul li:hover a { color: #fff;}



    .bt-gurunavi {
        position: relative; top:60px;
    }

    ul.ul02 li {
        display: block;
        width: 100%;
        padding-bottom: 25px !important;
    }

    ul.ul02 li:nth-child(odd),
    ul.ul02 li:nth-child(even) { padding: 0;}


    /*--------------------------------------------------------------------------------
    　▼ gallery
    --------------------------------------------------------------------------------*/
    #gallery .left-box,
    #gallery .right-box { width: 100%;}

    #gallery .right-box { width: 100%; float: none;}
    #gallery .left-box .left-1 { background: #F0E8E2;}
    #gallery .left-box .img-box {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        float: none;
    }

    #gallery .left-box .img-box img { float: none !important; width: 100%;}

    #gallery .box { width: 100%;}

    #gallery .right-box { text-align: center; font-size: 14px;}

    .gallery-banner {
      text-align: center;
      margin-bottom: 50px;
    }

    .gallery-banner a img {
      width: 95%;
    }


    /*--------------------------------------------------------------------------------
    　▼ menu
    --------------------------------------------------------------------------------*/
    #menu p { text-align: left !important;}
    #menu .left-box {
        width: 100%;
        text-align: center;
    }
    #menu .left-box:first-child { padding-right: 0;}
    #menu img { width: 100%;}

    /*--------------------------------------------------------------------------------
    　▼ take out
    --------------------------------------------------------------------------------*/
    #takeout { text-align: center; padding-bottom: 50px;}
    #takeout .left-box p { float: none; width: 100%; text-align: left !important;}
    #takeout .left-box img { float: none; padding-top: 20px; width: 100%;}

    img.pc { display: none;}
    img.tab { display: block;}
    #takeout .right-box { width: 100%;}

    /*--------------------------------------------------------------------------------
    　▼ access
    --------------------------------------------------------------------------------*/
    #access .left-box {
        width: 100%;
        float: none;
        padding-right: 0px;
    }

    #access .right-box { width: 100%; padding-top: 20px; height: auto;}
    #access .right-box iframe { height: 250px;}
}