/* カスタマイズ用CSS */
body{
    background-color: #FFFFFF;
}
.width-80{
    width:80%;
}

.img-border {
  border: 3px solid #000000;
  box-sizing: border-box;
}
.img-shadow {
  box-shadow: 0 0 3px 1px #000000 inset;
}
.img-shadow img {
  position: relative;
  z-index: -1;
}
/* マージンボトム */
.margin-bottom-90{
    margin-bottom: 90px;
}
.margin-bottom-60{
    margin-bottom: 60px;
}
.margin-bottom-65{
    margin-bottom: 65px;
}
.margin-bottom-70{
    margin-bottom: 70px;
}
.margin-bottom-45{
    margin-bottom: 45px;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
/*マージン右*/
.margin-right_40{
    margin-right: 40px;
}
/*マージン左*/
.margin-left_40{
    margin-left: 40px;
}
/* マージントップ */
.margin-top-85{
    margin-top: 85px;
}
.margin-top-65{
    margin-top: 65px;
}
.margin-top-55{
    margin-top: 55px;
}
.margin-top-25{
    margin-top: 25px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-bottom-35{
    margin-top: 35px;
}
/* マージンオート */
.custom_margin_auto{
    margin: 0 auto;
}
/*パディングボトム */
.custom-padding-bottom50{
    padding-bottom: 50px;
}
/*パディングトップ */
.custom-padding-top55{
    padding-top: 55px;
}
.custom-padding-top35{
    padding-top: 35px;
}

/*背景色*/
.custom-bg01{
    background-color: #F7F7F7;
}
/*テキストカラー*/
.custom-color01{
    color: #C30D23;
}
/*フォントサイズ*/
.custom-font-size20{
    font-size: 20px;
}
.custom-font-size18{
    font-size: 18px;
}
.custom-font-size15{
    font-size: 15px;
}
/*フォントウェイト*/
.font_weight_bold{
    font-weight: bold;
}
/*幅*/
.custom_width800{
    width: 800px;
}
/*枠線*/
.border_top{
    border-top: 1px solid #000000;
}
.border_bottom{
    border-bottom: 1px solid #000000;
}
/*ページトップボタンカスタム*/
.ec-blockTopBtn{
    background-color: transparent;
}
/*ヘッター*/
.custom_header{
    height: 150px;
    margin-top: 30px;
}
.custom_header_right{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 10%;
}
.custom_header_left{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 10%;
}
.custom_header_cartset{
    display: inline-block;
    vertical-align: middle;
}

/* topナビゲーション */
.custom_navi{
    font-size: 0;
    color: #000000;
    text-align: center;
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
}
.custom_navi_box{
    display: inline-block;
    font-size: 16px;
    width: 15%;
}
.custom_navi a{
    color: #000000;
    text-decoration: none;
}
.custom_navi a:hover {
    color: #000000;
    text-decoration: none;
}
.custom_navi_box_line_left{
    border-left:1px solid #000000;
}
.custom_navi_box_line_right{
    border-right:1px solid #000000;
}
/*カスタムスライダー*/
.custom_slider{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.custom_slider img{
    width: 100vw;
}

/* 新着 */
.custom_news_head{
    text-align: center;
}
.custom_news_border{
    padding: 20px 80px;
}

.custom_movie{
    text-align: center;
    margin-bottom: 46px;
}
.custom_movie a{
    text-decoration: none;
    color: #221816;
}

/*カテゴリー*/
.custom_category{
    text-align: center;
}
.custom_category_margin{
    margin-bottom: 25px;
    margin:0 auto;
}
.custom_category_box_inline-block{
    display: inline-block;
    line-height: 3;
}
.custom_category_box{
    width: 200px;
    overflow:hidden;
}
.custom_category_box img:hover{
    transform:scale(1.2,1.2);
    transition:1s all;
}
.custom_category a{
    color: #000000;
    text-decoration: none;
}
.custom_category a:hover {
    color: #C30D23;
    text-decoration: none;
}
@keyframes sliderAnimation {
    100% {
        transform: translateX(-50%);
    }
}

/*コンセプト*/
.concept{
    width: 100vw;
    position: relative;
    background-size: cover;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image:url('/html/user_data/assets/img/top/concept_bg_img.png');
    background-repeat:no-repeat;
    height: 760px;
    text-align: center;
    padding-top: 52px;
    margin-bottom: 70px;
}
.custom_concept_box_inline-block{
    display: inline-block;
    width: 450px;
    color: #FFFFFF;
}
.custom_concept_box{
    width: 420px;
    height: 300px;
    overflow:hidden;
}
.custom_concept_box div{
    text-align: left;
    line-height: 2;
}
/*アクセス*/
.access{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 550px;
    text-align: center;
    /*padding-top: 52px;*/
    /*margin-bottom: 70px;*/
}
/*フッター*/
.custom_footer{
    color: #000000;
    text-align: center;
    font-size: 15px;
    padding-top: 22px;
}
.custom_footer_box{
    display: inline-block;
    text-align: left;
}
.custom_footer_box01{
    display: inline-block;
    vertical-align: middle;
}
.custom_footer_box02{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 50px;
    width: 140px;
}
.custom_footer_box02_div{
    color: #000000;
    text-align: right;
}
.custom_footer_box03{
    display: inline-block;
    vertical-align: top;
    margin-left: 83px;
}
.custom_footer_navi{
    color: #FFFFFF;
    text-align: center;
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
}
.custom_footer_navi a{
    color: #000000;
    text-decoration: none;
}
.custom_footer_navi a:hover {
    color: #000000;
    text-decoration: none;
}
.custom_footer_navi_box01{
    display: inline-block;
    font-size: 14px;
    width: 15%;
}
.custom_footer_navi_box_line{
    border-left:1px solid #000000;
}
.custom_footer a{
    color: #000000;
}
.custom_footer a:hover {
    color: #000000;
}
/*メニュー*/
.menu_top{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    text-align: center;
    padding-top: 52px;
    margin-bottom: 70px;
}
/*メニューBOX*/
.menu_box{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    text-align: center;
    padding-top: 52px;
    margin-bottom: 70px;
}
.menu_box_inline-block{
    display: inline-block;
    vertical-align: top;
    width: 450px;
    color: #000000;
}
.menu_box_inner{
    width: 420px;
    overflow:hidden;
}
.menu_box_inner div{
    line-height: 2;
}
.menu_box_detail_01{
    display: inline-block;
    vertical-align: top;
    width: 60%;
    text-align: left;
}
.menu_box_detail_02{
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 35%;
}
/*ランチdiv*/
.lunch_box_div{
    margin: 0 auto;
    margin-top: 35px;
}
.lunch_box_left{
    display: inline-block;
    vertical-align: top;
}
.lunch_box_right{
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    text-align: left;
    width: 540px;
}
.gentei{
    border: 1px solid #C30D23;
    color: #C30D23;
    padding: 3px;
    width: -webkit-fit-content;
}
.youbi{
    display: inline-block;
    vertical-align: top;
    border: 1px solid #C30D23;
    background-color: #C30D23;
    color: white;
    padding-left: 2px;
    padding-right: 2px;
}
.youbi_off{
    border: 1px solid #F2F1EF;
    background-color: #F2F1EF;
}
.lunch_box_title{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 60%;
}
.lunch_box_price{
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

/*カスタムインフォ*/
.custom_info{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    text-align: center;
    padding-top: 52px;
    margin-bottom: 70px;
}
.custom_info_box{
    border-top:1px solid #000000;
    width: 840px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.custom_info_box_left{
    display: inline-block;
    vertical-align: top;
    width: 40%;
    text-align: left;
}
.custom_info_box_right{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: left;
}
.custom_info_box_right_inner_left{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 30%;
}
.custom_info_box_right_inner_right{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.custom_info_box_center{
    display: inline-block;
    vertical-align: top;
    width: 70%;
    text-align: left;
}
/*予約*/
.yoyaku_box{
    width: 100vw;
}
.yoyaku_box_div{
    display: inline-block;
    vertical-align: top;
}
.ec-blockTopBtn{
    right:10px;
    bottom:100px;
}