@import url('https://fonts.cdnfonts.com/css/segoe-ui-variable-static-display');


body { background: #000;}

li {list-style: none;}

.global_menu {
    height: 120px;
    background: #000;
    z-index:100;
    position:relative;
}
.global_menu .global_menu_detail_left ,.global_menu .global_menu_detail_right  {
    height: 100%; overflow: hidden;  right:0; color:#FFF; padding: 0; margin: 0;
}
.global_menu li { list-style: none; font-family: "Sorts Mill Goudy"; float: left; margin-top: 30px; }
.global_menu li a {  padding: 0 21px; height: 90px; line-height:90px; display: block;
    color:#FFF; text-decoration: none; font-weight: bold;
    transition: background-color 0.4s ease-in-out; }
.global_menu .global_menu_detail_left {
    position: absolute;
    right: calc( 50% + 60px + 60px );
}
.global_menu .global_menu_detail_right {
    position: absolute;
    left: calc( 50% + 60px + 60px );
}

.global_menu .global_menu_detail_left>li>a
,.global_menu .global_menu_detail_right>li>a{

}

.global_menu li>a:hover {
    background-color:#660000;
}
.top_slide_area {
    height:calc( 100vh - 120px  );

}

.slider {
    height:calc( 100vh - 120px );
    width:calc( 100% );
    position: absolute;
    top: 120px;
}

.top_img_change {
    height:calc( 100vh - 120px  );
    background-position: center center;
    position: relative;
    display: none;
}
.slide_text {
  padding: 10%;
  width: 80%;
  color: #FFF;
  /* 水平・垂直方向の中央揃え */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu_area {
    font-family: "Sorts Mill Goudy";
    background: #660000;
    padding:40px 0;
    color:#FFF;
}
.menu_area h2 { font-size:1.4em; }

.menu_ptn { height: 100%; overflow:hidden; width: 100%; margin: 0; padding: 0; }



.menu_list_detail_s  ul > li.menu_price { font-size:1.1em; padding-left: 20px; float: right; }
.menu_list_detail_s  ul { height: 100% ; overflow: hidden; margin: 0; padding-left: 20px; max-width: 540px; width:100%;}
.menu_list_detail_s  ul > li.menu_name { float: left ; word-wrap: break-word; }
.menu_list_detail_s  ul > li.menu_name > div.menu_title {  word-wrap: break-word; font-weight: bold; font-size: 1.17em; }

img.w20 { margin-bottom: -2px; width:16px; margin-left: 5px; }

.veg_img {

    background-image:url('/img/logo_v.png');
    width:30px; height: 30px;
    background-size:cover;
    display: inline-block;
}


.map_area h3 { text-align: center; }
.map_area .infomation_detail { height: 100%; overflow: hidden; width:580px; margin: 10px auto; }
.map_area .infomation_detail dd ,.map_area .infomation_detail dt { float: left; }
.map_area .infomation_detail dt  { width: 180px; text-align: right;}


.news_area { margin: 0 auto; background: #F5F5F5;  padding: 20px; border-radius: 5px; width:80%; }

.news_list { height: 100%; overflow: hidden; padding: 0; margin-bottom: 20px; padding-bottom: 20px;}
.news_list li { float: left; list-style: none; color:#111; }
.news_list li.news_photo { width:120px;}
.news_list li.news_photo img { width:100%;}
.news_list li.news_text { width: calc( 100% - 140px ); margin-left: 20px;}
.news_list li.news_text .news_date { font-weight: bold; font-size: 1em; }
.news_list li.news_text h3 { padding: 0; margin: 0; color:#D22730; }
.news_list li.news_text p { font-size:0.9em; }



      .top_img_area { background: #D22730; padding: 20px; text-align: center; }
      .top_img_area .av_image { margin: auto auto; max-width: 100%;}
      .map_area { background:#111; color:#FFF; padding: 30px; }
      .add_tex { width:300px; text-align: center; margin: 30px auto;}
      div.menu_area#menu {background:#FeFeFe; color: #111; font-family:"Segoe UI Variable Static Display";}

      ul.pic_list {height: 100%; overflow: hidden;}
      ul.pic_list>li {float: left;}
      ul.pic_list li.menu_name { width:calc( 100% - 35% );}
      ul.pic_list li.menu_pic { width:28% ; margin-right: 5%; float:left; }
      ul.pic_list li.price_list { width:67%; }
      li.menu_pic img { width:95%; margin-bottom: 18px;}
      ul.pic_list>li > ul { padding-left: 0;}

.menu_ptn > li.menu_select {
  position: relative;
  display: inline-block;
  color: #FFF;
  background: #000;
  border-bottom: 1px solid #000;
}
.menu_list {
    padding: 20px;
}
.menu_list .menu_list_detail {
    height: 100%; overflow: hidden;
    margin: 0 auto; padding: 0;
    max-width: 860px
}

@media screen and (min-width: 840px) {
    .menu_ptn { max-width:840px; margin: 0 auto;}
    .menu_ptn > li {
        float: left; width:calc( 25% - 42px ); list-style:none; text-align: center; border-bottom: 1px solid #FFF; margin: 0 5px; padding: 0 16px; cursor: pointer;
        font-size: 16px; line-height:60px;
    }
    .menu_area .slide_text {
        width: 80%;  padding: 10%;
    }
    .menu_list .menu_list_detail li {
        list-style:none;
        float: left;
    }
    .menu_list .menu_list_detail li.menu_list_detail_time {
       width:300px; font-size: 2em; text-align: center;
    }
    .menu_list .menu_list_detail li.menu_list_detail_s{
        word-break: normal; word-wrap: normal;
    }

}
@media screen and (max-width: 840px) {
    .menu_ptn > li {
        float: left; width:calc( 25% - 12px ); list-style:none; text-align: center; border-bottom: 1px solid #FFF; margin: 0 2px; padding: 0 4px; cursor: pointer;
        font-size: 14px; line-height:60px;
    }
    .menu_area .slide_text {
        width: 100%; padding:0;
    }
    .menu_list > .menu_list_detail > li {
        list-style:none;
        float:none;
    }
    .menu_list .menu_list_detail li.menu_list_detail_time {
       width:80%; font-size: 2em;
    }
    .menu_list .menu_list_detail li.menu_list_detail_s{
        width: calc( 80% ); word-break: normal; word-wrap: normal; margin: 0 auto;
    }
}
@media screen and (max-width: 540px) {
    .menu_list .menu_list_detail li.menu_list_detail_s{
        width: calc( 95% ); word-break: normal; word-wrap: normal; margin: 0 auto;
    }
    .menu_list_detail_s ul { padding-left:0;}
    li.menu_pic img { width:100%;}
    .menu_list { padding:20px 0;}
    ul.pic_list li.menu_pic {
        width: 32%;
        margin-right: 3%;
        float: left;
    }
    ul.pic_list li.price_list {
        width: 65%;
    }
    .menu_ptn > li {
        font-size: 12px; line-height:50px;
    }
}

.menu_list .menu_list_detail:not(:first-child) { display: none; }

.menu_list .menu_list_detail li.menu_list_detail_s p {
    margin-left: 20px;
}
.menu_list .menu_list_detail li.menu_list_detail_s h3 .price { font-weight:normal; margin-left: 20px; float: right;}
.menu_list .menu_list_detail li.menu_list_detail_s h3 { max-width:560px; margin-top: 30px; }
.menu_list .menu_list_detail li.menu_list_detail_s  .comprix { margin-top: 30px; font-size: 0.9em;}

.back_sl1 {
  background: rgba(0,0,0,0.5);
}
.back_sl2 {
  background: rgba(0,0,0,0.2);
}

body{ padding: 0; margin: 0;}

.header_session {
    color:#FFF; background:#000;
    line-height: 70px;
    height: 70px;
    text-align:center;
}


#actal {
    background: url('/img/back_01.jpg');
    height: 50vh;
    padding: 20px 20px; color:#FFF;
}

h2 { text-align: center;
    font-family: "Sorts Mill Goudy";}