@charset "utf-8";

/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
header,
hgroup,
section,
article,
aside,
hgroup,
footer,
figure,
figcaption,
nav {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

h2,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

body {
    line-height: 1.0;
    -webkit-text-size-adjust: none;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}


/* icon用font */


/* icon用font */

@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?62215588');
    src: url('../font/fontello.eot?62215588#iefix') format('embedded-opentype'), url('../font/fontello.woff?62215588') format('woff'), url('../font/fontello.ttf?62215588') format('truetype'), url('../font/fontello.svg?62215588#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: .4em
}

.icon-ticket:before {
    content: '\e800';
}


/* '' */

.icon-globe:before {
    content: '\e801';
}


/* '' */

.icon-desktop:before {
    content: '\e802';
}


/* '' */

.icon-up-dir:before {
    content: '\e803';
}


/* '' */

.icon-menu-1:before {
    content: '\e804';
}


/* '' */

.icon-phone:before {
    content: '\e805';
}


/* '' */

.icon-right-small:before {
    content: '\e806';
}


/* '' */

.icon-mail:before {
    content: '\e807';
}


/* '' */

.icon-angle-right:before {
    content: '\e808';
}


/* '' */

.icon-angle-left:before {
    content: '\e809';
}


/* '' */

.icon-angle-up:before {
    content: '\e80a';
}


/* '' */

.icon-angle-down:before {
    content: '\e80b';
}


/* '' */

.icon-down-dir:before {
    content: '\e80c';
}


/* '' */

.icon-up-open:before {
    content: '\e80d';
}


/* '' */

.icon-location:before {
    content: '\e80e';
}


/* '' */

.icon-location-1:before {
    content: '\e80f';
}


/* '' */

.icon-mail-alt:before {
    content: '\e811';
}


/* '' */

.icon-left-small:before {
    content: '\e812';
}


/* '' */

img {
    border: 0;
    vertical-align: bottom;
}

table,
caption,
th,
td {
    border: 0 none;
    border-collapse: collapse;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

.shadw {
    -webkit-box-shadow: 0px 2px 4px rgba(95, 93, 89, 0.47);
    -moz-box-shadow: 0px 2px 4px rgba(95, 93, 89, 0.47);
    box-shadow: 0px 2px 4px rgba(95, 93, 89, 0.47);
}


/*=============================================*/


/*                 マージン            */


/*=============================================*/

.m_b05 {
    margin-bottom: 5px;
}

.m_b10 {
    margin-bottom: 10px;
}

.m_b15 {
    margin-bottom: 15px;
}

.m_b20 {
    margin-bottom: 20px !important;
}

.m_b25 {
    margin-bottom: 25px;
}

.m_b30 {
    margin-bottom: 30px;
}

.m_t05 {
    margin-top: 5px;
}

.m_t10 {
    margin-top: 10px;
}

.m_t15 {
    margin-top: 15px;
}

.m_t20 {
    margin-top: 20px;
}

.m_t25 {
    margin-top: 25px;
}

.m_t30 {
    margin-top: 30px;
}

.pa_box5 {
    padding: 5px;
}

.pa_box10 {
    padding: 10px;
}

.pa_box15 {
    padding: 15px;
}

.pa_box20 {
    padding: 20px;
}

.p_txt {
    padding-left: 10px;
    padding-right: 10px;
}

.txt_red {
    color: #990000;
}

.txt_white {
    color: #fff;
}

.txt_center {
    text-align: center;
}

.f_25 {
    font-size: 25px;
}

.f_13 {
    font-size: 13px;
}


/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

body {
    background: url(../img/shared/body_bg.jpg) repeat center top;
    text-align: left;
    color: #4a4848;
    cursor: auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 1.5px;
    word-spacing: normal;
    -webkit-text-size-adjust: 100%;
    line-height: 28px;
    font-size: 14px;
}

.mincho {
    font: normal normal 13px/25px "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "HGS明朝E", serif;
    color: #93230d;
    font-size: 18px;
}

a:link {
    color: #363610;
    text-decoration: none;
}

a:visited,
a:active {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}


/*========== Header ==============*/

#belt {
    position: fixed;
    left: 0;
    top: 0;
    color: #fff;
    width: 100%;
    z-index: 9999;
}

#index #hd_top {
    height: 70px;
    position: relative;
    background: none;
}

#hd_top {
    height: 70px;
    background-color: #270200;
    background-image: none;
}

#hd_top p.logo {
    width: 140px;
    position: absolute;
    top: 2px;
    left: 5px;
    z-index: 100;
}

#logo {
    width: 100%;
}

h1 {
    text-align: right;
    line-height: 16px;
    font-size: 75%;
    color: #fff;
    position: absolute;
    top: -50px;
    right: 0;
}

.topnavi {
    position: absolute;
    top: 25px;
    right: 65px;
    height: 70px;
}

.topnavi li {
    display: inline-block;
    position: relative;
    width: 60px;
    vertical-align: top;
}

.topnavi li a {
    color: #000;
    font-size: 11px;
    line-height: 23px;
    text-align: center;
    display: block;
    height: 100%;
    width: 100%;
    border-right: 1px dotted rgba(0, 0, 0, 0.80)
}

#telnavi a {
    border-left: 1px dotted rgba(0, 0, 0, 0.80)
}

.topnavi li a:hover {
    text-decoration: none;
}

.topnavi li a[class^="icon-"]:before {
    display: block;
    width: 100%;
    padding-bottom: 4px;
    font-size: 19px;
    font-weight: normal;
    color: #000;
}

#telnavi {
    margin-right: -4px;
}

.topnavi .button-toggle {
    padding-top: 19px;
    padding-bottom: 12px;
}

.topnavi .button-toggle:before,
.topnavi .button-toggle:after {
    content: '';
}

.topnavi .button-toggle span,
.topnavi .button-toggle:before,
.topnavi .button-toggle:after {
    height: 4px;
    display: block;
    background: #000;
    width: 33px;
    margin: 0 auto 7px auto;
}

.topnavi .button-toggle span {
    text-indent: -9999px;
}

#key {
    margin-top: 70px;
    position: relative;
    z-index: 500;
    overflow: hidden;
}

#access #sec1 .phone a {
    text-decoration: none;
}


/*-----------------------------*/

footer {
    overflow: hidden
}

footer #global-footer {
    background-color: #270200;
    padding-bottom: 50px;
}

footer .shopinfo {
    padding: 6% 2% 10px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

footer .card {
    margin: 0 auto;
    max-width: 430px;
}

footer .card dd {
    margin-left: 65px;
    padding-left: 11px;
    margin-top: -28px;
    position: relative;
}

footer .card dd span {
    display: block;
}

footer .card dd:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
}

footer .card dd a {
    color: #fafafa;
    font-size: 20px;
    text-decoration: none;
}

#f_logo {
    margin: 0 auto 15px;
}

#f_tel {
    width: 230px;
    margin: 0 auto 5px;
}

#f_bnr {
    text-align: center;
}

#f_bnr li {
    display: inline-block;
    width: 49%;
    max-width: 280px;
}


/*          　 シェアボタンbox   　　          */


/*=============================================*/

footer .link {
    margin: 0 auto 0;
    text-align: center;
    width: 100%;
}

footer .link p {
    width: 45%;
    min-width: 170px;
    max-width: 210px;
    margin: 10px auto;
    padding: 0 6px;
    line-height: 30px;
}

footer .link p a {
    background: #13140f;
    border: solid 1px rgb(146, 142, 133);
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    padding: 3px 20px;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 1px #a8a398;
}

.botan1 a::before {
    content: '\e802';
    font-family: "fontello";
    margin-right: 9px;
}

.botan2 a::before {
    content: '\e801';
    font-family: "fontello";
    margin-right: 9px;
}

.botan3 a::before {
    content: '\e805';
    font-family: "fontello";
    margin-right: 9px;
}

.botan4 a::before {
    content: '\e803';
    font-family: "fontello";
    margin-right: 9px;
}


/*=============================================*/


/*           　フッター箇所　　　　　          */


/*=============================================*/

footer address {
    color: #646261;
    text-align: center;
    line-height: 27px;
    font-size: 80%;
}

footer .cookies_link {
    text-align: center;
    line-height: 27px;
    font-size: 80%;
}

footer .cookies_link a {
    color: #646261!important;
}

#socialbuttons {
    text-align: center;
    line-height: 12px;
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

#socialbuttons div {
    display: inline-block;
    margin-right: 5px;
}

#socialbuttons .twitter {
    margin-right: 0;
}

#socialbuttons .google {
    margin-right: -30px;
}

.ftr_fix_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    background-color: #270200;
}

.ftr_fix_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: .75em 0;
    font-size: 1.6em;
    color: #fff;
}


/*----------------------under---------------------------------*/

.under h2,
.under h3 {
    margin-bottom: 10px;
}

.alr {
    text-align: right;
}

.block p.mb:last-of-type {
    margin-bottom: .6em;
}

.block p {}

.fl {
    float: left;
}

.fr {
    float: right;
}

.block::after {
    clear: both;
    content: "";
    display: block;
}

.block {
    overflow: hidden;
}

.mb00 {
    margin-bottom: 0 !important;
}

.padd {
    padding: 0 3%;
}

.f_32 {
    font-size: 28px;
}

.f_18 {
    font-size: 18px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_14 {
    font-size: 14px;
}

.f_13 {
    font-size: 13px;
}

.f_15 {
    font-size: 15px;
}

.f_20 {
    font-size: 20px;
}

.f_30 {
    font-size: 30px;
}

.txt_r {
    text-align: right;
}

.ml05 {
    margin-left: 5px!important;
}

.w50 {
    width: 50%;
}

.f_merino {
    font: normal normal 13px/160% 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
    color: #35170c;
}

.f_mincho {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif, 'ＭＳ Ｐ明朝', 'MS PMincho';
}

.left_col {
    float: left;
}

.right_col {
    float: right;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix,
.menu_list dl:after {
    zoom: 1 !important;
}


/* for IE 5.5-7 */

.clearfix:after,
.menu_list dl:after,
.mn_list dl:after {
    content: "." !important;
    display: block !important;
    height: 0px !important;
    clear: both !important;
    visibility: hidden !important;
}


/*=============================================*/


/*              menuList   share               */


/*=============================================*/

.box-shadow {
    -webkit-box-shadow: 0px 0px 7px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 7px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 7px 8px rgba(0, 0, 0, 0.3);
}

.toggle {
    position: relative;
}

.toggle:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    position: absolute;
    line-height: 20px;
    top: 50%;
    right: 2%;
    margin-top: -10px;
    color: #fff;
    content: '\25BC';
    font-size: 13px;
}

.toggle.active:after {
    content: '\25B2';
}

.normal {
    font-weight: normal !important;
}

.padd_box {
    padding: 0 5px;
}

.bd_none {
    border: none !important;
}

h3.toggle {
    margin-bottom: 15px;
}

.f_pad {
    padding-left: 105px;
}

.ta_r {
    text-align: right;
}


/*=============================================
 * text vertical
 *=============================================*/

.txt-vertical {
    cursor: vertical-text;
    writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    text-orientation: upright;
    word-wrap: break-word;
}

.txt-vertical .int {
    writing-mode: lr-tb;
    -o-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    -moz-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    display: inline-block;
    text-align: center;
    line-height: 1.5em;
}


/*------------------INDEX---------------------*/

#index #sec1 {
    padding: 60px 5px 0px 5px;
}

#index #sec1 h2 {
    margin-bottom: 20px;
}

#index #sec1 .text {}

#index #sec1 .text p {
    width: 100%;
    margin-bottom: 20px;
    max-width: 330px;
    margin: 0 auto 20px auto
}

#index #sec1 .text p.txt01 {
    height: 185px;
}

#index #sec1 .text p.txt02 {
    height: 205px;
}

#index #sec1 .text p.txt03 {
    width: 175px;
    height: 145px
}

#index #sec2 .img01 {
    float: left;
    width: 50%;
}

#index #sec2 .img02 {
    float: right;
    width: 50%;
}

#index #sec3 {
    background-image: url(../img/index/sec3_bg.png), url(../img/shared/bg2.jpg);
    background-repeat: no-repeat, repeat;
    background-position: top center;
    -webkit-background-size: cover, auto;
    background-size: cover, auto;
    padding: 20px 0 20% 0;
    color: #fff;
    position: relative;
}

#index #sec3 h2 {
    text-align: center;
    margin-bottom: 20px;
}

#index #sec3 p.tt01 {
    width: 15.625%;
    position: absolute;
    top: 0;
    left: 5px;
}

#index #sec3 p.tt02 {
    width: 15.625%;
    position: absolute;
    top: 0;
    right: 5px;
}

#index #sec3 p.text {
    text-align: center;
    padding: 0 5px;
    background: url(../img/index/sec3_arrow.png) no-repeat bottom center;
    padding-bottom: 30px;
}

#index #sec3 p.text a {
    text-decoration: none;
    color: #fff;
    text-shadow: 2px 2px 2px #000
}

@media only screen and (min-width:400px) {
    #index #sec1 .text p.txt01 {
        height: 155px;
    }
    #index #sec1 .text p.txt02 {
        height: 185px;
    }
}


/* ---------------------ACCESS-----------------------*/

#access #key {
    background: url(../img/access/key_img03.jpg) no-repeat top center / cover;
    margin-top: 69px!important
}

#access #sec1 {
    padding: 20px 5px 20px 5px;
}

#access #sec1 dl {
    margin: auto;
    padding: 15px 10px;
    line-height: 28px;
    border-bottom: 1px solid #000;
}

#access #sec1 dt {
    float: left;
    font-weight: 600;
    width: 27%;
}

#access #sec1 dd {
    float: right;
    width: 73%;
}

#access #sec1 .phone {
    font-size: 22px;
}

#access #map {
    height: 400px;
}

#access #sec2 {
    position: relative;
}

#access #sec2 h2 {
    margin-bottom: 20px;
}

#access .sec2-top {
    position: absolute;
    top: 20%;
    width: 100%;
    left: 0;
    z-index: 100;
}

#access .bx-wrapper .bx-controls-direction a {
    margin-top: -10px;
    z-index: 100;
}

#access .bx-prev:after {
    left: -3px;
}

#access .bx-next:after {
    left: 23px;
}

#access #sec3 {
    background-color: #140200;
    position: relative;
    padding: 20px 5px 5px 5px;
    color: #fff;
}

#access #sec3 h2 {
    position: absolute;
    top: 20px;
    left: 0;
}

#access #sec3 .toggle {
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

#access #sec3 .info {
    line-height: 28px;
    margin-bottom: 20px;
}

#access #sec3 .info dl {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px dotted #c4c0bf;
}

#access #sec3 .info dl dt {
    font-size: 16px;
}

#access #sec3 .info dl dd {
    font-size: 16px;
}

#access #sec3 .info dl small {
    font-size: 14px;
}

#access #sec3 .fax {
    margin: auto;
    padding: 20px 0;
    text-align: center;
    line-height: 38px;
    border: 1px solid #FFF;
}

#access #sec3 .fax dt {
    font-size: 22px;
}

#access #sec3 .fax span {
    font-size: 26px;
}

#access #sec3 .fax dd {
    font-size: 19px;
}

#access #sec3 .fax dd a {
    color: #fff;
    text-decoration: underline;
}

#access .blk2 {
    background-color: #140200;
    position: relative;
    padding: 10px 5px;
    color: #fff;
}

#access .blk2 h2 {
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
    font-size: 20px;
    text-align: center;
}

#access .blk2 .quote {
    font-size: 13px;
}

#access .blk2 dl {
    margin-top: 15px;
}

#access .blk2 dl dd a {
    color: #fff;
    text-decoration: underline
}

#access #sec5 {
    padding-bottom: 30px;
}

#access #sec5 h2 {
    text-align: left!important
}

#access #sec2 .bx-wrapper .bx-controls-direction a {
    color: #fff000
}

#mail_form {
    margin-top: 10px;
    padding-bottom: 10px;
}

#mail_form table {
    margin-left: -2px;
}

#mail_form table th {
    text-align: center;
}

#mail_form th,
#mail_form td {
    vertical-align: top;
    border-bottom: 1px solid #503634;
    padding: 10px 0px;
}

#mail_form td {
    text-align: center
}

#mail_form img.must {
    padding: 0 0 7px 10px
}

#mail_form .txt-i {
    padding: 3px 0px 5px 0px;
    width: 95%!important;
}

#mail_form span.bl {
    display: block;
}

div.mfp_buttons ul li {
    width: 155px!important;
}

input#button_mfp_reset {
    width: 140px!important;
    padding: 5px 0!important;
    height: 40px!important;
    overflow: hidden;
    background: none!important;
    background-color: #801d1d!important;
    border: none;
    border-style: none;
    cursor: pointer;
    text-align: center;
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "HGS明朝E", serif;
}

input#button_mfp_goconfirm {
    width: 140px!important;
    padding: 5px 0!important;
    height: 40px!important;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background: none!important;
    background-color: #801d1d!important;
    border: none;
    border-style: none;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "HGS明朝E", serif;
}

ul.li-ra {
    text-align: center!important;
}

ul.li-ra li {
    display: inline!important;
    margin-right: 10px;
    margin-left: 10%!important
}

img.must {
    float: none!important;
}

#send_confirm_label {
    text-decoration: underline
}

.mfp_err,
#mailfrom_hidden_object {
    display: none
}

.mfp_buttons {
    text-align: center;
    padding: 10px 0
}

.mfp_buttons ul li {
    display: inline
}

ul.confirm_layer li.confirm_middle {
    height: 400px!important;
    overflow: scroll;
}

select.mfp {
    width: 94%!important
}

select.mfp {
    padding: 3px 0 5px 0;
}

ul.confirm_layer {
    width: 100%!important;
    padding: 0px;
    margin: 0px;
}

ul.confirm_layer li {
    width: 100%!important;
    list-style: none;
    float: left;
    overflow: hidden;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

table.infield {
    width: 100%;
    margin: 0px auto 0px auto;
}

table.infield tr td {
    width: 74%!important;
}

div#confirmBody {
    width: 100%!important;
    position: absolute;
    left: 0!important;
}

div#confirmBody div.mfp_title {
    color: #FFFFFF;
    margin: 0px auto 0px auto;
    padding-top: 10px;
}

table.infield tr th {
    padding: 5px;
    margin: 0px;
    text-align: right;
    font-size: 12px;
    width: 110px!important;
    border-bottom: solid 1px #CCCCCC;
    color: #232323;
}

table.infield tr td {
    padding: 5px;
    border-bottom: solid 1px #CCCCCC;
}

@media only screen and (min-width:400px) {
    #access #sec5 h2 {
        text-align: center!important
    }
    #mail_form span.bl {
        display: inline!important;
    }
}

@media only screen and (min-width:460px) {
    #access #sec1 dt {
        width: 20%;
    }
    #access #sec1 d dd {
        width: 80%;
    }
}


/* ----------------CURRY--------------------*/

#curry #key {
    position: relative;
    background-image: url(../img/curry/key_img01.png), url(../img/shared/bg3.jpg);
    background-position: top center;
    background-repeat: no-repeat, repeat-x;
    -webkit-background-size: cover, auto;
    background-size: cover, auto;
    margin-top: 0;
    transition: all 1s ease;
}

#curry #key h2 {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
}

#curry #key p.txt-vertical {
    font-size: 25px;
    color: #fff;
    height: 330px;
    padding: 15px 5px 0 5px;
    line-height: 30px;
    letter-spacing: 2px;
    position: absolute;
    top: 0;
    right: 10px;
}

#curry #key p.txt02 {
    right: 47px!important
}

#curry #key span {
    display: inline-block
}

#curry #sec1 {
    position: relative;
    background: url(../img/curry/sec1_bg.jpg) no-repeat bottom center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 10% 5px 20% 5px;
    color: #fff;
}

#curry #sec1 h2 {
    margin-bottom: 15px;
}

#curry #sec2 .dl-01 {
    background: url(../img/curry/sec2_img01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

#curry #sec2 .dl-02 {
    background: url(../img/curry/sec2_img02.jpg) no-repeat bottom center;
    -webkit-background-size: cover;
    background-size: cover;
}

#curry #sec2 .dl-03 {
    background: url(../img/curry/sec2_img03.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

#curry #sec2 dl {
    padding: 15% 0 20% 0;
    text-align: center;
    color: #fff;
    width: 100%;
}

#curry #sec2 dl dt {
    margin-bottom: 15px;
}

#curry #sec2 dl dd {
    padding: 0 5px;
}

#curry #sec3 {
    padding: 20px 5px;
}

#curry #sec3 .txt-vertical {
    height: 180px;
    width: 100%;
}

#curry .sec3-in {
    max-width: 320px;
    margin: 0 auto
}

#curry #sec4 {
    padding: 0 5px;
}

#curry #sec4 .txt {
    padding-top: 10px;
    font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

#curry #sec4 .price {
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
}

#curry #sec4 .price span {
    font-size: 14px;
}

#curry #sec4 .sec4-block {
    margin: 0 -5px;
    position: relative;
}

#curry #sec4 h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#curry #sec4 .bx-wrapper {
    padding-bottom: 30px;
}

#curry #sec4 .bx-wrapper .bx-pager {
    margin-top: 8px;
}

#curry #sec4 .bx-wrapper .bx-pager.bx-default-pager a {
    background: #412D2D;
}

#curry #sec4 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#curry #sec4 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: rgba(0, 0, 0, 0.5);
}

#curry #sec4 .bx-wrapper .bx-controls-direction a {
    z-index: 100;
    top: 130px;
    color: #270200;
}

#curry #sec4 .bx-wrapper .bx-controls-direction a.bx-prev:after {}

#curry #sec5 {
    color: #FFF;
    font-size: 18px;
    text-align: center;
    background: url(../img/shared/bg4.jpg) center;
    padding: 20px 5px;
}

#curry #sec5 h2 {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 14px;
}

#curry #sec6 {
    background-color: #140200;
    color: #fff;
    padding: 20px 5px;
}

#curry #sec6 .info {
    margin-bottom: 20px;
}

#curry #sec6 .info dl {
    padding-bottom: 5px;
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 1px dotted #FFF;
}

#curry #sec6 .info dt {}

#curry #sec6 .info dd {
    display: inline-block;
}

#curry #sec6 .info dd.txt {
    padding-top: 5px;
}

#curry #sec6 h3 {
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

#curry #sec6 .bnr {
    margin: auto;
    padding: 20px 0;
    text-align: center;
    line-height: 40px;
    border: 1px solid #FFF;
}

#curry #sec6 .bnr dt {
    font-size: 22px;
}

#curry #sec6 .bnr span {
    font-size: 26px;
    color: #fff!important;
}

#curry #sec6 .bnr dd {
    font-size: 19px;
}

#curry #sec6 .bnr dd a {
    color: #fff!important;
    text-decoration: underline
}

@media only screen and (min-width:460px) {
    #curry #key p.txt-vertical {
        top: 10;
        right: 10px;
    }
    #curry #sec4 .bx-wrapper .bx-controls-direction a {
        top: 180px;
    }
}

@media only screen and (min-width:500px) {
    #curry #sec2 dl {
        padding: 15% 0 12% 0;
        height: 220px;
        width: 33.33%;
        float: left
    }
}

@media only screen and (min-width:640px) {
    #curry #sec2 dl {
        height: 155px
    }
    #curry #sec4 .bx-wrapper .bx-controls-direction a {
        top: 242px;
    }
}


/* ---------------------DINNER---------------------*/

#dinner #key {
    width: 100%;
    height: 100%;
    margin-top: 0;
    position: relative;
}

#dinner #key .img01 {
    width: 84.375%;
    height: 100%;
    background: url(../img/dinner/key_img01.jpg) no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover;
}

#dinner #key .img02 {
    width: 84.375%;
    height: 100%;
    background: url(../img/dinner/key_img02.jpg) no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover;
}

#dinner #key .txt {
    position: absolute;
    top: 20%;
    right: 0;
    width: 15.625%;
    background: url(../img/shared/body_bg.jpg);
    height: 100%;
}

#dinner #key .key-btn {
    position: absolute;
    bottom: 5px;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 100;
}

#dinner #key .key-btn a {
    margin-left: -15%;
}

#dinner #sec1 {
    padding: 20px 5px 0 5px;
}

#dinner #sec1 h2 {
    margin-bottom: 20px;
}

#dinner #sec1 p {
    width: 100%;
    height: 170px;
    max-width: 320px;
    margin: 0 auto 10px auto;
}

#dinner #sec2 {
    padding: 0 5px 20px 5px;
    position: relative;
}

#dinner #sec2 h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#dinner .sec2-slide {
    width: 71.875%;
    float: left;
}

#dinner #sec2 .bx-wrapper .bx-pager {
    margin-top: 10px;
}

#dinner #sec2 .bx-wrapper .bx-pager.bx-default-pager a {
    background: #5c473c;
}

#dinner #sec2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#dinner #sec2 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ff0000;
}

#dinner #sec2 .bx-wrapper .bx-controls-direction a {
    z-index: 100;
    top: 56%;
    color: #270200;
}

#dinner #sec3 {
    position: relative;
    padding: 0 0 20px 0;
}

#dinner .sec3-box {
    margin: 0 10px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 100;
    width: 93.5%;
}

#dinner #sec3 .menu {
    padding: 30px 5px;
    color: #000;
    background: rgba(255, 255, 255, .7);
    position: relative;
}

#dinner #sec3 .menu h2 {
    padding-bottom: 10px;
}

#dinner #sec3 .menu dl {
    padding: 0 0 10px;
}

#dinner #sec3 .menu dt {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}

#dinner #sec3 .menu dt+dt {
    margin-left: 3px;
    font-size: 18px;
    font-weight: 500;
}

#dinner #sec3 .menu dd {
    display: block;
    font-size: 20px;
    text-align: right;
}

#dinner #sec3 .menu small {
    font-size: 14px;
}

#dinner #sec3 .menu dd span {
    font-size: 15px;
}

#dinner #sec3 .menu .txt {
    padding-left: 20px;
    line-height: 26px;
    position: relative;
}

#dinner #sec3 .menu .txt:before {
    content: "※";
    display: inline-block;
    margin-right: 3px;
    position: absolute;
    top: 0;
    left: 0;
}

#dinner #sec3 .menu li:before {
    content: "・";
    display: inline-block;
    margin-right: 3px;
}

#dinner .slide3-img {
    height: 650px;
    margin-bottom: 10px;
}

#dinner .slide3-img li {
    height: 650px;
}

#dinner .sec3-slide .sec3-sl01 {
    background: url(../img/dinner/sec3_img01.jpg) no-repeat center center / cover;
}

#dinner .sec3-slide .sec3-sl02 {
    background: url(../img/dinner/sec3_img02.jpg) no-repeat center center / cover;
}

#dinner .sec3-slide .sec3-sl03 {
    background: url(../img/dinner/sec3_img03.jpg) no-repeat center center / cover;
}

#dinner .slide3-txt {
    padding: 0 5px;
}

#dinner #key .bx-wrapper .bx-pager {
    margin-left: -25px;
}

#dinner #sec3 .pager {
    position: absolute;
    left: 0;
    right: 0;
    top: 618px;
    z-index: 100;
}

#dinner #sec3 .pager>* {
    background: #000;
    width: 12px;
    height: 12px;
    -moz-box-shadow: 0 0 10px #FFF;
    -webkit-box-shadow: 0 0 10px #FFF;
    box-shadow: 0 0 10px #FFF;
}

#dinner .slide-page {
    margin: 0 auto;
    text-align: center
}

#dinner .slide-page>* {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    background: #C0C0C0;
    width: 15px;
    height: 15px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

#dinner .slide-page>*:hover,
.slide-page>*.active {
    background-color: #652426!important;
}

#dinner #sec3 .bx-pager>.active {
    background: #652426!important;
}

#dinner #sec4 {
    padding: 0 5px 20px 5px;
}

#dinner #sec5 {
    position: relative;
    background: url(../img/shared/bg2.jpg) repeat top center;
    color: #fff;
    padding: 20px 5px;
}

#dinner #sec5 .info {
    position: absolute;
    top: 20%;
    right: 0;
    width: 50%;
    z-index: 1;
}

#dinner #sec6 {
    padding: 20px 5px;
}

#dinner #sec6 h3 {
    margin: 0 0 10px;
    padding: 8px 0 4px 0;
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #000;
}

#dinner #sec6 h3.toggle:after {
    color: #000
}

#dinner #sec6 h4 {
    padding: 0 0 5px;
    font-size: 18px;
    text-align: center;
}

#dinner .sec6-in .main-lst {
    text-align: center;
}

#dinner .sec6-in .menu {
    margin: 0 0 8px;
    padding: 0 0 8px;
    background: url(../img/shared/bdr-line.png) repeat-x center bottom;
    min-height: 2px;
}

#dinner .sec6-in .menu dt {
    font-size: 16px;
    line-height: 28px;
}

#dinner .sec6-in .menu dd {
    font-size: 14px;
    text-align: right;
    line-height: 24px;
}

#dinner .sec2-slide .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #503634!important;
}

#dinner .sec2-slide .bx-wrapper .bx-pager.bx-default-pager a:hover,
#dinner .sec2-slide .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #000!important;
}

@media only screen and (min-width:460px) {
    #dinner .slide3-img {
        height: 600px;
    }
    #dinner .slide3-img li {
        height: 600px;
    }
    #dinner #sec3 .pager {
        top: 570px;
    }
    #dinner .sec3-box {
        width: 95.7%;
    }
}

@media only screen and (min-width:460px) {
    #dinner #sec3 .pager {
        top: 575px;
    }
}

@media only screen and (min-width:640px) {
    #dinner .sec6-in .col01 {
        float: left;
        width: 48%;
    }
    #dinner .sec6-in .col02 {
        float: right;
        width: 48%;
    }
    #dinner .sec3-box {
        width: 96.7%;
    }
    #dinner .slide3-img {
        height: 650px;
    }
    #dinner .slide3-img li {
        height: 650px;
    }
    #dinner #sec3 .pager {
        top: 615px;
    }
}

@media only screen and (min-width:640px) {
    #dinner .sec3-box {
        width: 97.7%;
    }
}


/* --------LUNCH--------------------*/

#lunch #sec1 {
    padding: 20px 5px;
}

#lunch #sec2 {
    padding: 0 5px 25px 5px;
}

#lunch #sec2 h2 {
    text-align: center;
    margin-bottom: 10px;
}

#lunch .sec2-block dl {}

#lunch .sec2-block dl dt {
    padding-bottom: 10px;
}

#lunch .sec2-block dl dd {
    text-align: center;
    width: 75%;
    margin: 0 auto;
    max-width: 234px;
    line-height: 20px;
}

#lunch #sec2 dd span {
    font-size: 20px;
}

#lunch #sec2 .bx-wrapper .bx-pager {
    margin-top: 5px;
}

#lunch #sec2 .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: rgba(0, 0, 0, 0.5);
}

#lunch #sec2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#lunch #sec2 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #000;
}

#lunch #sec2 .bx-wrapper .bx-controls-direction a {
    z-index: 100;
    top: 110px;
}

#lunch #sec2 .bx-wrapper .bx-next {
    right: 27%;
}

#lunch #sec3 {
    padding: 20px 5px;
    position: relative;
    background: url(../img/shared/bg3.jpg) repeat top center;
    color: #fff;
}

#lunch #sec3 h2 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 10;
}

#lunch .sec3-slide {
    margin: 0 -5px;
}

#lunch #sec3 .menu {
    margin: auto;
    padding: 5px 10px;
    letter-spacing: .5em;
    border: 1px solid #FFF;
    text-align: center
}

#lunch #sec3 .menu dt {
    display: inline-block;
    font-size: 18px;
}

#lunch #sec3 .menu dd {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
}

#lunch #sec3 .menu span {
    font-size: 20px;
}

#lunch #sec3 .price {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
}

#lunch #bnr {
    padding: 20px 5px;
    text-align: center;
    background: #140200;
}

#lunch #key .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: rgba(0, 0, 0, 0.5);
}

#lunch #key .bx-wrapper .bx-pager.bx-default-pager a:hover,
#lunch #key .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #000;
}

@media only screen and (min-width:400px) {
    #lunch #sec2 .bx-wrapper .bx-controls-direction a {
        top: 135px;
    }
}

@media only screen and (min-width:460px) {
    #lunch #sec2 .bx-wrapper .bx-controls-direction a {
        top: 150px;
    }
    #lunch #sec2 .bx-wrapper .bx-next {
        right: 28%;
    }
}

@media only screen and (min-width:500px) {
    #lunch #sec2 .bx-wrapper .bx-controls-direction a {
        top: 165px;
    }
}

@media only screen and (min-width:640px) {
    #lunch #sec2 .bx-wrapper .bx-controls-direction a {
        top: 205px;
    }
}

@media only screen and (min-width:768px) {
    #lunch #sec2 .bx-wrapper .bx-controls-direction a {
        top: 235px;
    }
}


/*-----------------STEAK--------------------*/

#steak #key {
    width: 100%;
    height: 100%;
    background: url(../img/steak/key_img.jpg) no-repeat top center;
    margin-top: 0;
    -webkit-background-size: cover;
    background-size: cover;
}

#steak #key .text {
    position: absolute;
    top: 10%;
    left: 55%;
    margin-left: -10px;
    font-size: 30px;
    color: #fff;
    letter-spacing: 2px;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}

#steak #key .text02 {
    left: 43%;
    top: 40%;
}

#steak #sec1 {
    padding: 10px 5px;
}

#steak .sec1-block {
    position: relative;
}

#steak .sec1-block h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#steak .sec1-slide {
    float: left;
    width: 53.125%;
    overflow: hidden;
}

#steak .bx-wrapper .bx-controls-direction a {
    z-index: 100;
    color: #270200;
}

#steak .key-btn {
    position: absolute;
    bottom: 5px;
    width: 100%;
    left: 0;
    text-align: center
}

#steak #sec2 {
    padding: 10% 5px;
    background: url(../img/steak/sec2_bg.jpg) no-repeat center center / cover;
    color: #fff;
}

#steak #sec2 h2 {
    margin-bottom: 15px;
}

#steak #sec2 .txt {
    margin-bottom: 20px;
}

#steak #sec2 .txt p {
    margin-bottom: 10px;
}

#steak #sec3 {
    padding: 10px 5px 20px 5px;
    color: #FFF;
    background: #1B0400 url(../img/shared/bg2.jpg) center;
    -moz-box-shadow: inset 0 -120px 70px rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset 0 -120px 70px rgba(0, 0, 0, .15);
    box-shadow: inset 0 -120px 70px rgba(0, 0, 0, .15);
}

#steak #sec3 .txt p {
    margin-bottom: 10px;
}

#steak #sec4 {
    text-align: center;
    background: #1F1101 url(../img/steak/sec4_bg01.jpg) no-repeat center top / cover;
    min-height: 300px;
    position: relative;
    padding: 20px 5px;
    color: #fff;
}

#steak #sec4:before {
    pointer-events: none;
    content: "";
    opacity: 0;
    margin: auto;
    background: url(../img/steak/sec4_bg02.jpg) no-repeat center top / cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s ease-in 1s;
    -moz-transition: all .3s ease-in 1s;
    -webkit-transition: all .3s ease-in 1s;
}

#steak #sec4.active:before {
    opacity: 1;
}

#steak #sec4 .txt {
    margin-bottom: 20px;
    text-shadow: 1px 1px #000
}

#steak #sec4 .txt p {
    margin-bottom: 10px;
}

#steak #sec4>* {
    position: relative;
    z-index: 1;
}

#steak #sec4 h2 {
    margin-bottom: 10px;
}

#steak .sec1-slide .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #503634;
}

#steak .sec1-slide .bx-wrapper .bx-pager.bx-default-pager a:hover,
#steak .sec1-slide .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #000;
}

@media only screen and (min-width:500px) {
    #steak #key .text {
        top: 10%;
        font-size: 35px;
        letter-spacing: 5px;
    }
}

@media only screen and (min-width:600px) {
    #steak #key .text {
        top: 18%;
    }
}

.bounenkai {
    text-align: center;
}

.text_box{
	width:90%;
	margin:0px auto 15px auto;
	padding:20px 0;
    border: double 3px #000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.text_box p.ttl{
	font-size:20px;
	margin-bottom: 10px;
	letter-spacing: 2px;
	text-align:center;
	line-height:40px;
	color:#000;
	font-weight: bold;
}
.text_box p.txt{
	font-size:14px;
	line-height:25px;
	padding: 0 10px;
	color:#000;
}