* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "ShipporiMincho",serif;
}
/*共通css*/
html{
    box-sizing: border-box;
    min-width:100%;
    font-feature-settings:"palt";/*文字詰め*/
    overflow-x: hidden;/*横スクロールバー*/
    scroll-behavior:smooth;
    width: 100%;
    max-width: 100%;
}

body{
    box-sizing: border-box;
    flex-flow: column;
    font-size: 16px;
    margin: 0;
    letter-spacing:0.1em;
    max-width: 100%;
    min-height: 100%;
    width: 100%;
}

dt,p,a{
    font-size: 20px;
}
a:hover{
    color: #fff;
    background:rgba(34, 139, 34, 1);
}
#chinsai_logo a:hover,
#chinsai_logo a:visited,
#chinsai_logo a:active{
    background: none;
}

h1{
    font-size: 32px;
    text-align: center;
    padding: 20px 0 0;
    border-bottom: 2px solid #198A44;
    width: 20%;
    margin: 0 auto;
}
#footer_wrap .footer_logo h1{
    border-bottom: none;
}
h2{letter-spacing: 0.4em;}
h2>p{
    font-size: inherit;
}
.font_20{font-size: 20px !important;}
.b_none{border-bottom:none !important;}


#chinsai_logo{
    position: absolute;
    top: 50px;
    left:50px;
    text-align: left;
}
#chinsai_logo a:active,
#chinsai_logo a:checked{
    text-decoration-color: none;
}
#chinsai_logo img{
    width: 14%;
    opacity: 0.6;
}
/* CC Color */
.cc_color{
    color: #198A44 !important;
    text-align: center;
    font-size: 32px !important;
}

.cc_color span{
    font-size: 12px;
    padding-left: 1em;
}

.text_under_line{
    text-decoration: underline;
    color:#198A44;
    }

/*新着情報*/
#top_news{
    padding: 20px 0;
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
}

.new_icon{
    background-color: #198A44;
    color: #fff;
    margin: 1px;
    padding: 4px;
    font-size: 14px;
}
.yymmdd{
    padding: 4px 0;
}

/****　お知らせ　****/
#article_wrap{
    padding-top: 80px;
}

#article_wrap .title,
#article_wrap2 .title{
    color: #198A44 !important;
    font-weight: bold;
}
.ymd{
    font-size: 12px;
}
.post{
    padding: 20px 0;
}

#article_wrap2 .list{
    margin-bottom: 90px;    
 }

summary {
    display: inline-block; /* デフォルトの三角形アイコン消去 */
    color: #444;
    margin: 10px 0;
    font-size: 12px;
  }
  summary::-webkit-details-marker {
    display: none; /* Safari消去 */
  }
  summary:hover {
    background:rgba(34, 139, 34, 0.9);
    color: #fff;
  }


  /*画像　読み込み変更*/
.pc_img { display: block !important; }
.sp_img { display: none !important; }
.sp_movie { display: none !important; }
#sp_tel{display: none;}


.pd_t20{padding-top: 20px;}
.pd_b40{padding-bottom:40px;}
.dis_block{display: block;}

.border_v1{
    border: 1px solid #ddd;
    padding: 20px;
}

@media screen and (min-width:1025px) {
/*PCの電話番号表示*/    
a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}


/* header */
#header{
    margin: 0 auto;
    width: 100%;
    z-index: 99;
    position: relative;
    background-color: #fff;
}

#header .header_wrap{
    width: 100%;
    display: flex;
    overflow: hidden;
    position:fixed;
    background-color: #FFF;
    z-index:999;
    opacity: 0.9;

}
/* headerの内枠 */
#header .header_wrap .header_wrap_in{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#header #mainnav{
    width: 56%;
    float: right;
    display: table;
    vertical-align: middle;
    margin: auto;
}
#header #menu{
    display: table-cell;
    width:100%;
    padding: 1% 0;
}
#header #menu li{
    display: table-cell;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
#header #menu .insta_icon{
    text-align: left;
    padding-left: 20px;
}
#header #menu .insta_icon a:hover{
    background:none;
    color: #198A44;
}
#header #menu .insta_icon img{
    width: 30%;
    vertical-align: middle;
}
#header #menu li a{
    font-size: 14px;
    display: block;
    width: 100%;
}

/* scrolldown */
.scrolldown1{
  position:fixed;
  right:2%;
  bottom:25px;
  height:100px;
}

/* Scroll txt */
.scrolldown1 span{
  position: absolute;
  left:-15px;
  top: -5px;
  color: #eee;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
	-ms-writing-mode: tb-rl;/* 縦 */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.scrolldown1::after{
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 50px;
  background: #eee;
  animation: pathmove 1.8s ease-in-out infinite;
  opacity:0;
}

@keyframes pathmove{
  0%{
    height:0;
    bottom:0;
    opacity: 0;
  }
  30%{
    height:50px;
    opacity: 1;
  }
  100%{
    height:0;
    top:100px;
    opacity: 0;
  }
}

/**** 
   main contents 
               ****/
#container{
    height: 100%;
    margin: 0;
    width: 100%;
    text-align: center;
    position: relative;
}

#chinsai_top #container{
    padding-bottom: 70px;
    height: 100%;
      width: 100%;
}

/* movie */
#container_in_movie{
    position: sticky;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom:0;
    overflow: hidden;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}
#container_in_movie video{
     position: relative;
      top: 0;
      left: 0;
      height: 56.25vw; /* 16:9: 9 ÷ 16 = 56.25% */
      width: 100%;
}
#container_in_movie::after{
    display: block;
    position:absolute;
    top:-10%;
    right: 20%;
    width:20%;
    height:20%;
    opacity: 0.5;
}    


/** history **/
#main_01{
    width:100%;
    text-align: center;
    margin:0 auto;
    background-color:rgba(255, 255, 255, 0.1);
    height: 100%;
    background-size: cover;
    padding: 70px 0 140px;
 }

#main_01 .main_01_wrap{
    width: 80%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;/*上下 等間隔*/
    margin: 0 auto;
    padding-bottom: 70px;
    background: url("../img/about.png") no-repeat right top / 25%;
}

#main_01 .main_01_wrap .main_01_in{
    width: 50%;
    padding: 20px;
}

#main_01 .main_01_wrap .main_01_in img{
    width: 100%;
}

#main_01 .main_01_wrap .main_01_in h2{
    font-size:24px;
    font-weight: 500;
    text-align: left;
    text-indent:1.2em;
    padding: 10px 0;
    font-family: 'Noto Serif SC', serif,'Noto Serif TC';
    width: 100%;
}

#main_01 .main_01_wrap .main_01_in .main_01_txt{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    line-height:1.7;
    font-size: 16px;
    padding: 20px 0 0;
}

/* #main_02 中国料理青菜  */
#main_02{
    height: auto;
    width: 100%;
    opacity: 1;
    margin: 0 calc(50% - 50vw);
    background-color:rgba(244,244,244,0.9);
}

#main_02 .main_02_in{
    -ms-writing-mode: tb-rl;/* 縦 */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: relative;
    width: 100%;
    height: 100%;
    position: relative;
}
#main_02 .main_02_in .main_02_in_txt{
    font-size: 16px;
    font-feature-settings: initial;
    font-family: 'Noto Serif SC', serif,'Noto Serif TC';
    position: absolute;
    top: 20%;
    right:28%;
    text-align: left;
    line-height: 2;
    width: auto;
    height: 100%;
}


/** 青菜の歴史 　slider **/
#main_02_slide{
    display: flex;
    align-items: center;
    overflow: hidden;
    padding:230px 0;
    margin: 0 calc(50% - 50vw);
}

.slideshow{
    display: flex;
    animation: loop 35s infinite 0.5s linear;
}
@keyframes loop{
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }

  
#main_02_slide .content{
    width:400px;
    height:auto;
  }
#main_02_slide .content img{
    width: 100%;
  }


/*** footer ***/
#footer{
    background-color: #f5f5f5;
    box-sizing: border-box;
    color: #333;
    height: auto;
    box-sizing: border-box;
    padding: 140px 0 0;
    z-index: 3;
    width: 100%;
}

/* footer包括*/
#footer_wrap{
    width: 80%;
    height: 172px;
    margin: 0 auto;
}
#footer_wrap > div:nth-of-type(3){
    border-left: 1px solid #ddd;
    height: 172px;
}

#footer_wrap .footer_logo{
    width: 24%;
    display: inline-block;
    vertical-align: middle;
}

#footer_wrap .footer_logo h1{
    text-align: center;
    vertical-align: middle;
    width: 100%;
    padding: 0;
}
#footer_wrap .footer_logo h1 a{
    display: block;
}
#footer_wrap .footer_logo h1 a:hover{
    background: none;
    opacity: 0.8;
}
#footer_wrap .footer_logo h1 img{
    width: 40%;
}

#footer_wrap .footer_tel{
    width: 40%;
    height: 172px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 0 0 22px;
    border-left: 1px solid #ddd;
}
#footer_wrap .footer_tel h2{
    font-size: 28px;
    padding: 20px 0 0;
}
#footer_wrap .footer_tel span{
    font-size: 0.4em;
    vertical-align: middle;
}

#footer_wrap .footer_tel h3:first-of-type{
    padding: 10px 0 0;
}
#footer_wrap .footer_tel h3:last-of-type a{
    font-size:28px;
    padding:0 0 20px;
    letter-spacing: .166em;
}

#footer_wrap .footer_menu{
    width: 34%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 0 0 22px;
    position: relative;
}

#footer_wrap .footer_menu #f_menu{
    width: 100%;
    padding: 2% 0;
    position: absolute;
    top: 4%;
    left: 9%;
}

#footer_wrap .footer_menu #f_menu li{
    width: 100%;
}

#footer_wrap .footer_menu #f_menu li a{
    display: inline-block;
    padding: 1%;
    font-size: 14px;
}

#footer .notes{
    padding: 70px 0;
    width: 80%;
    margin: 0 auto;
}
#footer .notes ul{
    width: 100%;
}

#footer .notes li{
    font-size: 14px;
}
#footer .copy{
    color:#333;
    text-align: center;
    padding: 20px 0 0;
    font-size:12px;
    font-weight: bold;
}

/********************
 店内・テイクアウト
*********************/
/*ページ上部画像*/
#page_img{
    width: 100%;
}
#page_img figure img{
    width: 100%;
    height: 100%;
}
#content_wrap{
    position: relative;
    background-color: #fff;
    width: 100%;
}
/*ページ内リンク*/
#content_wrap .menu_wrap{
    width: 100%;
}
/* ver 3 */
#content_wrap .menu_wrap .menu_03{
    width: 60%;
    margin: 0 auto;
    display: flex;
    padding: 60px 20px 40px;
}
#content_wrap .menu_wrap .menu_03 li{
    width:33%;
    text-align: center;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;

}
#content_wrap .menu_wrap .menu_03 li a{
    display: block;
    padding: 10px;
}
#content_wrap .menu_wrap .menu_03 li:first-of-type,
#content_wrap .menu_wrap .menu_04 li:first-of-type{
    border-left:none;
}
#content_wrap .menu_wrap .menu_03 li:last-of-type,
#content_wrap .menu_wrap .menu_04 li:last-of-type{
    border-right:none;
}

/* ver 4 */
#content_wrap .menu_wrap .menu_04{
    width: 100%;
    padding: 60px 20px 40px;

}
#content_wrap .menu_wrap .menu_04_in{
    width: 60%;
    margin: 0 auto;
    display: flex;
    padding: 20px;
}
#content_wrap .menu_wrap .menu_04 li{
    width:25%;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#content_wrap .menu_wrap .menu_04 li a{
    display: block;
    padding: 10px;
}


/** 共通レイアウト **/
#content_inner_01,
#content_inner_02,
#content_inner_03,
#content_inner_04,
#concept{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 210px;
}
#content_inner_01 figure img,
#content_inner_02 figure img,
#content_inner_03 figure img,
#content_inner_04 figure img,
#concept  figure img{
    width: 100%;
}
#content_inner_01 h2,
#content_inner_02 h2,
#content_inner_03 h2,
#content_inner_04 h2,
#concept h2{
    font-size: 22px;
    letter-spacing: 0.08em;
    padding-top: 40px;
    font-weight: 600;
}
#content_inner_01 h2>p,
#content_inner_02 h2>p,
#content_inner_03 h2>p,
#content_inner_04 h2>p{
    display: inline-block;
    text-indent: 4em;
    font-size: 16px;
    vertical-align: middle;
}

/* メニューカテゴリ */
.menu_name{
    font-size: 26px !important;
    text-align: center;
    padding: 20px 0;
}

#content_inner_01 h3,
#content_inner_02 h3,
#content_inner_03 h3,
#content_inner_04 h3,
#concept h3{
    font-size:18px;
    padding: 10px;
    letter-spacing: 0.08em;
}


/* #lunch #dinner */
#content_inner_01 #select_lunch_wrap,
#content_inner_02 #select_dinner_wrap,
#content_inner_02 #family_set_wrap{
    padding: 40px 0 0;
    margin-bottom: 70px;
}

#content_inner_01 .main_select_wrap,
#content_inner_02 .main_select_wrap{
    width: 100%;
}

.line_bg{
    background-color: #FFFACD;
    display: inline-block;
    font-size: 20px;
    margin: 10px 0;
}

.item_cont{
    font-size: 22px;
    font-weight: 600;
}

/***********
   #lunch
  えらべるランチ 
  ***************/
.main_select_wrap{
    display: flex;
}
.main_select_wrap .main_select{
    width: 48%;
}
.main_select_wrap .icon_selec{
    width: 12%;
    text-align: center;
    position: relative;
}
.main_select_wrap .icon_selec>p{
    font-size: 26px;
    padding-top: 50px;
    position: absolute;
    top: 40%;
    left: 30%;
}
.main_select_wrap .sub_select{
    width: 48%;
    padding: 0 0 0 20px;
}

.noodles_select dl,
.set_select dl,
#family_set_wrap .main_select dl{
    padding: 10px;
    line-height: 1.7;
}

.main_select_wrap .main_select dl,
.main_select_wrap .main_select dl{
    padding: 10px;
}

.main_select_wrap .sub_select dl{
    padding: 10px;
    line-height: 1.7;
}

.plus_select p{
    font-size: 16px;
}


/* #lunch_in
    麺セット #noodles .noodles_select
     定食 #lunch_set .set_select  
  */
#lunch{
    overflow:hidden;
    margin-top: 100px;
}
#lunch_in{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
#noodles,
#lunch_set{
    width: 46%;
    padding:0 10px;
    box-sizing: border-box;
    margin-bottom: 70px;
}

#noodles .plus_select{
    padding-top: 20px;
}

.lunch_set_2{
    margin:30px 0;
    line-height: 1.7;
}

#lunch_set .other{
    padding: 15px 0 10px;
    font-size: 16px;
}


/* 単品メニュー */
#dish_wrap{
    width: 100%;
    overflow: hidden;
    margin-bottom: 70px;
}

#dish_wrap .dish_gr_01,
#dish_wrap .dish_gr_02,
#dish_wrap .dish_gr_03,
#dish_wrap .dish_gr_04,
#dish_wrap .dish_gr_05{
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    float: left;
    line-height: 1.7;
    padding-bottom: 20px;
}
/* 料理名*/
#dish_wrap .dish_gr_01 .dish_name,
#dish_wrap .dish_gr_02 .dish_name,
#dish_wrap .dish_gr_03 .dish_name,
#dish_wrap .dish_gr_04 .dish_name,
#dish_wrap .dish_gr_05 .dish_name{
    width: 80%;
    font-size: 16px;
    border-bottom: 1px solid #f5f5f5;
    padding: 5px 0;
}
/* 価格*/
#dish_wrap .dish_gr_01 .dish_price01,
#dish_wrap .dish_gr_02 .dish_price01,
#dish_wrap .dish_gr_03 .dish_price01,
#dish_wrap .dish_gr_04 .dish_price01,
#dish_wrap .dish_gr_05 .dish_price01{
    width: 20%;
    font-size: 16px;
    text-align: right;
    border-bottom: 1px solid #f5f5f5;
    padding: 5px 0;

}

/******************
  #dinner
  ***************/


#select_dinner_wrap .main_select{
    width: 100%;
}
#select_dinner_wrap .main_select dl dd{
    display: inline-block;
    width: 49%;
    padding: 5px 0;
}

/* ファミリーセット #family_set_wrap  */
#family_set_wrap .main_select dl dd{
    display: inline-block;
    width: 49%;
}
/* dinner 
     #dinner_set  定食
     #dinner_noodles 麺類
     */
#dinner{
    overflow: hidden;
}
#dinner_set,
#dinner_noodles{
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 70px;
}

#family_set_wrap .other{
    padding: 15px 0 10px;
    font-size: 16px;
}


#dinner_set dl,
#dinner_noodles dl{
    display: flex;
    flex-wrap: wrap;
    align-items:stretch;
    padding: 10px 0;
    line-height: 1.7;
}
/* 定食の品名*/
#dinner_set .dish_name,
#dinner_noodles .dish_name{
    width: 80%;
    padding: 5px 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: 16px;
}
#dinner_set .dish_price01,
#dinner_noodles .dish_price01{
    width: 20%;
    text-align: right;
    padding: 5px 0;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-flow: column;
}
.expla_txt{
    padding: 20px 0;
}

.expla_txt p{
     font-size: 16px;
}

/*  #limited 期間限定 */
#limited{
    width: 100%;
    clear: both;
    margin-bottom: 70px;
}
#limited .limited_name{
    display: flex;
    width: 100%;
}

#limited .limited_name dl{
    width: 48%;
    padding: 10px 0 0;
    box-sizing: border-box;
    line-height: 1.7;
    margin: 1%;
}

#limited .limited_name dl .dish_name{
    width: 83%;
    padding: 5px 0;
    border-bottom: 1px solid #f5f5f5;
    display: inline-block;
    font-size: 16px;
}

#limited .limited_name dl .dish_price01{
    width: 17%;
    padding-right: 1em;
    text-align: right;
    flex-direction: column;
    justify-content: center;
    flex-flow: column;
    padding: 5px 0;
    border-bottom: 1px solid #f5f5f5;
    display: inline-block;

}

#limited .limited_name .dish_price01:nth-child(odd){
    margin-right:10px;
}

#dinner_menu{
    display: flex;
    flex-wrap: wrap;
}

/** 前菜～デザート **/
#appetizer,
#egg,
#seafood,
#chicken,
#meat,
#fried,
#cakes,
#soup,
#rice,
#dessert{
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 70px;
}
#appetizer dl,
#egg dl,
#seafood dl,
#chicken dl,
#meat dl,
#fried dl,
#cakes dl,
#soup dl,
#rice dl,
#dessert dl{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
    line-height: 1.7;
}

#appetizer .dish_name,
#egg .dish_name,
#seafood .dish_name,
#chicken .dish_name,
#meat .dish_name,
#fried .dish_name,
#cakes .dish_name,
#soup .dish_name,
#rice .dish_name,
#dessert .dish_name{
    width: 75%;
    padding: 5px 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: 16px;
}
#appetizer .dish_price01,
#appetizer .dish_price02,
#egg .dish_price01,
#egg .dish_price02,
#seafood .dish_price01,
#seafood .dish_price02,
#chicken .dish_price01,
#chicken .dish_price02,
#meat .dish_price01,
#meat .dish_price02,
#fried .dish_price01,
#fried .dish_price02,
#cakes .dish_price01,
#cakes .dish_price02,
#soup .dish_price01,
#soup .dish_price02,
#rice .dish_price01,
#rice .dish_price02,
#dessert .dish_price01,
#dessert .dish_price02{
    width:25%;
    text-align: right;
    padding: 5px 0;
    border-bottom: 1px solid #f5f5f5;
        display: flex;
    flex-direction: column;
    justify-content: center;
    flex-flow: column;
}
/*dtの縦方向中央*/
.appetizer_name dl>dt,
.egg_name dl>dt,
.seafood_name dl>dt,
.chicken_name dl>dt,
.meat_name dl>dt,
.rice_name dl>dt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-flow: column;
}

.price_long{
    display: initial;
}
/**********
 #dring
 *********/
 #drink{
    overflow: hidden;
 }
#beer,
#highball,
#sour,
#shochu,
#sake,
#fruit,
#wine,
#c_liquor,
#non,
#soft{
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    height: 100%;
    float: left;
}
#beer h2,
#highball h2,
#sour h2,
#shochu h2,
#sake h2,
#fruit h2,
#wine h2,
#c_liquor h2,
#non h2,
#soft h2{
border-bottom: 1px solid #444;
}

#beer dl,
#highball dl,
#sour ul,
#shochu ul,
#sake dl,
#fruit ul,
#wine ul,
#non dl,
#soft ul{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
    line-height: 1.7;
    width: 100%;
}

.drink_gr_name{
    display: block;
    width: 100%;
}

#beer .drink_name,
#highball .drink_name,
#sour .drink_name,
#shochu .drink_name,
#sake .drink_name,
#fruit .drink_name,
#wine .drink_name,
#c_liquor .drink_name,
#non .drink_name,
#soft .drink_name{
    width: 67%;
    font-size: 16px;
}

#beer .drink_price01,
#beer .drink_price02,
#highball .drink_price01,
#sour .drink_price01,
#shochu .drink_price01,
#sake .drink_price01,
#fruit .drink_price01,
#wine .drink_price01,
#c_liquor .drink_price01,
#non .drink_price01,
#soft .drink_price01{
    width:33%;
    text-align: right;
}

/*dtの縦方向中央*/
.drink_gr dl>dt,
.drink_price01,
#c_liquor ul>li:first-of-type{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#sour ul li,
#shochu ul li,
#fruit ul li,
#soft ul li{
    padding: 0 9px;
}

h2>span{
    font-size: 14px;
    vertical-align: middle;
    padding-left: 10px;
}

#wine .right_name li,
#c_liquor .right_name li{
    text-align: right;
    width: 100%;
}

#c_liquor .left_name{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
    line-height: 1.7;
    width: 100%;
}
#c_liquor .right_name{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
    line-height: 1.7;
    width: 100%;
}

.cl_b{
    clear: both;
}

/****************************
  /menu/takeout.html 
  テイクアウト #concept
*****************************/
#concept h4{
    font-size: 16px;
}
#concept .take_out{
    padding: 20px 0;
}


/***お弁当***/
#content_inner_01,
#content_inner_02{
    overflow: hidden;
}
#bento_1,
#bento_2,
#bento_3{
    width: 33.333%;
    float: left;
    flex-wrap: wrap;
    padding: 10px;
    box-sizing: border-box;
}
.bento_name{
    font-size: 20px;
    width: 100%;
    line-height: 3;
    padding: 10px 0 0;
}
.caution{
    padding: 5px;
    background-color:#198A44;
    color: #fff;
    display: inline;
    font-size: 16px;
}
.caution2{
    display: inline;
}

.bento_inner{
    padding: 10px;
    line-height: 1.7;
    letter-spacing: .2em;
}

/*** オードブル ***/
#plate{
    width: 100%;
}
#plate dl{
    width: 100%;
}
#plate figure{
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
#plate figure img{
    width: 90%;
}
#plate .plate_name{
    padding: 10px 0 0 0;
    line-height: 1.7;
}
#plate .plate_name dt{
    font-size: 24px;
    line-height: 1.7;
}
#plate .plate_name dd:first-of-type{
    font-size: 22px;
    padding: 10px 0;
    display: inline-block;
}
.plate_name .caution{
    margin-left: 2em;
}

#plate .plate_item{
    width:100%;
    display: flex;
    flex-flow: wrap;
    padding: 10px 0;
}
#plate .plate_item li{
    display: inline-block;
    width: 50%;
    line-height: 1.7;
    text-indent: 1em;
}

/*** 一品料理 　デザート ***/
.take_out_item{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 70px;
}
.take_out_item dl{
    width: 33.33%;
    padding:20px 10px;
}

.take_out_item .n_img {
    display: flex;
    align-items: center;
}

.take_out_item dd{
    display: inline;
    line-height: 3em;
}
.take_out_item dd:last-of-type{
    padding-left: 6px;
}

.take_out_item .no_flex{
    width: 34%;
    padding: 20px 10px 20px 8px;
    display: block;
}

/**** 店舗情報 *****/
#store{
    width: 100%;
    padding: 40px 0;
}
#store_wrap{
    width: 90%;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    border-collapse: collapse;
}
#store_wrap tr{
    width: 100%;
}

#store_wrap th{
    width: 20%;
    padding: 20px 20px 20px 20px;
    text-align: left;
    border-bottom: #c7c4c4 solid 0.5px;
    text-indent: 1em;
}

#store_wrap td{
    width: 80%;
    padding: 20px;
    border-bottom: #c7c4c4 solid 0.5px;
    border-left: #c7c4c4 solid 0.5px;
}

/* MAP */
#store_map{
    margin: 70px 0 0;
}


}
/******* LAP PC END *************/

/******* TAB ***************/
@media screen and (min-width:767px) and (max-width: 1024px) {

*{
    box-sizing: border-box;
}

.sp-br{display:none;}

dt,dd,p,li,a{
    font-size: 16px;
}
    
a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
    

header .header_wrap h1{
    width: 80%;
    display:table-cell;
    height: 50px;
    text-align: center;
    vertical-align:middle;
    padding-left:5%;
}

header .header_wrap #mainnav{
    display: block;
    height: auto;
    width: 100%;
}
header #mainnav ul{
    display: block;
    width: 100%;
    color: #f5f5f5;
    padding: 0;
}

header #mainnav li{
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 0;
}

#header #menu .insta_icon img{
    width: 3%;
}
 /* 三　*/
/*　ハンバーガーボタン　*/
.hamburger {
    display : block;
    position: fixed;
    z-index : 9999;
    right : 15px;
    top   : 5px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
  }
  .hamburger span {
    display : block;
    position: absolute;
    width   : 30px;
    height  : 2px ;
    left    : 6px;
    background : #198A44;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }
  
  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top : 16px;
    left: 6px;
    background :#198A44; /* ×印 */
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
  }
  
  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 16px;
    background :#198A44; /* ×印 */
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
  }
  /*閉じている時の三メニュー*/
  
  .globalMenuSp {
    position: fixed;
    z-index : 2;
    top  : 0;
    left : 0;
    color: #333;
    background-color: rgba(243,243,243,0.8);
    text-align: center;
    width: 100%;
    opacity:0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
  }
  
 .globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: .4s all;
  }
 .globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }

  /* 三メニューのタップ時 */
 .globalMenuSp ul li:hover{
    background :rgba(243,243,243, 0.5);
  }
  
  .globalMenuSp ul li a {
    display: block;
    color: #333;
    text-decoration :none;
    padding:3%;/*メニュー内容*/
  }
  
  /* jQueryで付与・削除する */
.globalMenuSp.active {
    opacity: 100;
    visibility: visible;
  }

#chinsai_top #container{
    padding-bottom: 20px;
}
  /* movie */
#container_in_movie{
    right: 0;
    left: 0;
    bottom:0;
    max-width: 100%;
}
#container_in_movie video{
      width: 100%;
      height: auto;
      min-width: 100%;
}

#chinsai_logo {
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: left;
}
#chinsai_logo img {
    width: 12%;
    opacity: 0.6;
}
/* scrolldown */
.scrolldown1{
    position:relative;
    right:4%;
    bottom: 70px;
    height:auto;
  }
  
  /* Scroll txt */
  .scrolldown1 span{
    position: absolute;
    right:4%;
    bottom:-30px;
    color: #eee;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
      -ms-writing-mode: tb-rl;/* 縦 */
      -webkit-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
  }

  .scrolldown1::after{
    content: "";
    position: absolute;
    top:-30px;
    right: 3%;
    width: 1px;
    height: 50px;
    background: #eee;
    animation: pathmove 1.8s ease-in-out infinite;
    opacity:0;
  }
  
  @keyframes pathmove{
    0%{
      height:0;
      bottom:0;
      opacity: 0;
    }
    30%{
      height:50px;
      opacity: 1;
    }
    100%{
      height:0;
      top:100px;
      opacity: 0;
    }
  }

/* footer*/
#footer{
    background-color: #f5f5f5;
    border-top:0.5px solid #dcdcdc;
    color: #333;
    height: auto;
    position:relative;
}
/* footerコンテンツを包括*/
footer #footer_wrap{
    width: 100%;
    padding: 2%;
    height: auto;
}

/* footerロゴ*/
footer #footer_wrap h1{
    margin: 0 auto;
    text-align: center;
    padding:4% 8%;
    width: 80%;
}
footer #footer_wrap h1 img{
    width: 25% !important;
}
/* ご予約TEL */
footer #footer_wrap h2{
    font-size: 1.6em;
    padding: 2% 0;
}
footer #footer_wrap .footer_tel{
    margin: 0 calc(50% - 50vw);
    text-align: center;
    border-top: 0.5px solid #ddd;
    border-bottom: 0.5px solid #ddd;
    padding: 10px 0;
    margin-top: 4%;
}

footer #footer_wrap .footer_tel #footer_tel_no{
    font-size: 2em;
    font-weight: 600;
}
footer #footer_wrap .footer_tel #footer_tel_no a{
    display: block;
    padding: 2%;
    font-size: 28px;
    letter-spacing: 0.166em;
}

#footer_wrap .footer_menu{
    width: 100%;
    display: block;
    margin-top: 8%;
}
#footer_wrap .footer_menu #f_menu{
    width: 83%;
    margin: 0 auto;
}
#footer_wrap .footer_menu #f_menu li{
    padding: 4px 0;
    display: inline-block;
    width: 19%;
    position: relative;
}
#footer_wrap .footer_menu #f_menu li a{
    display: block;
    text-align: center;
    width: 100%;
}
#footer_wrap .footer_menu #f_menu li a::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 0.5em;
    height: 0.5em;
    border: 0.1em solid #198A44;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-100%) rotate(45deg);
    position: absolute;
    top: 38%;
    right: -6px;
}

#footer .notes{
    width: 80%;
    margin: 0 auto;
    padding: 8% 0;
}

#footer .notes li{
    font-size: 14px;
}

.copy{
    color:#333;
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
}
h1 {
    font-size: 28px;
    width: 30%;
}


/*main contents*/
#main_01 .main_01_wrap{
    width: 80%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;/*上下 等間隔*/
    margin: 0 auto;
    padding-bottom: 70px;
}

#main_01 .main_01_wrap .main_01_in{
    width: 50%;
    padding: 10px;
    text-align: center;
}

#main_01 .main_01_wrap .main_01_in img{
    width: 75%;
}

#main_01 .main_01_wrap .order1 img{
    width: 100%;
}

#main_01 .main_01_wrap .main_01_in h2{
    font-size:24px;
    font-weight: 500;
    text-align: left;
    text-indent:.6em;
    padding: 10px 0;
    font-family: 'Noto Serif SC', serif,'Noto Serif TC';
}

#main_01 .main_01_wrap .main_01_in .main_01_txt{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    line-height:1.7;
    padding: 20px 0 0;
}

#main_02 .main_02_in{
    width: 80%;
    margin: 0 auto;
}
#main_02 .main_02_in .main_02_in_txt{
    position: relative;
    font-size: 16px;
    font-feature-settings: initial;
    font-family: 'Noto Serif SC', serif,'Noto Serif TC';
    top: 30%;
    text-align: left;
    line-height: 1.9;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
}
#main_02 .main_02_in .main_02_in_txt p{
    font-size: 16px;
    font-feature-settings: initial;
    -ms-writing-mode: tb-rl;/* 縦 */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: relative;
    height:60%;
    width: 60%;
    margin: 0 auto;
    padding-top: 60px;
    line-height: 1.9;
}

/** 青菜の歴史 　slider **/
#main_02_slide{
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 100px 0;
    margin: 0 calc(50% - 50vw);
}

.slideshow{
    display: flex;
    animation: loop 35s infinite 0.5s linear;
}
@keyframes loop{
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }

  
#main_02_slide .content{
    width:300px;
    height:auto;
  }
#main_02_slide .content img{
    width: 100%;
  }

/********************
 店内・テイクアウト
*********************/
/*ページ上部画像*/
#page_img figure img{
    width: 100%;
    height: auto;
}
#content_wrap{
    background-color: #fff;
    width: 100%;
}
/*ページ内リンク*/
#content_wrap .menu_wrap{
        width: 100%;
}
/* ver 3 */
#content_wrap .menu_wrap .menu_03{
    width: 50%;
    margin: 0 auto;
    display: flex;
    padding: 20px;
}
#content_wrap .menu_wrap .menu_03 li{
    width:33%;
    text-align: center;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;

}
#content_wrap .menu_wrap .menu_03 li a{
    display: block;
    padding: 10px;
}
/* ver 4 */
#content_wrap .menu_wrap .menu_04{
    width: 100%;
}
#content_wrap .menu_wrap .menu_04_in{
    width: 60%;
    margin: 0 auto;
    display: flex;
    padding: 20px;
}
#content_wrap .menu_wrap .menu_04 li{
    width:25%;
    text-align: center;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#content_wrap .menu_wrap .menu_04 li a{
    display: block;
    padding: 10px;
}

#content_wrap .menu_wrap .menu_03 li:first-of-type,
#content_wrap .menu_wrap .menu_04 li:first-of-type{
    border-left:none;
}
#content_wrap .menu_wrap .menu_03 li:last-of-type,
#content_wrap .menu_wrap .menu_04 li:last-of-type{
    border-right:none;
}


/** 共通レイアウト **/
#content_inner_01,
#content_inner_02,
#content_inner_03,
#concept{
    width: 90%;
    margin: 0 auto;
    padding-bottom: 210px;
}

#content_inner_01 figure img,
#content_inner_02 figure img,
#content_inner_03 figure img{
    width: 100%;
}
#content_inner_01 h2,
#content_inner_02 h2,
#content_inner_03 h2,
#concept h2{
    font-size: 24px;
    letter-spacing: 0.08em;
    padding-top: 20px;
    font-weight: 500;
}
#content_inner_01 h2>p,
#content_inner_02 h2>p,
#content_inner_03 h2>p{
    display: inline-block;
    text-indent: 3em;
    font-size: 14px;
    vertical-align: middle;
}

#content_inner_01 h3,
#content_inner_02 h3,
#content_inner_03 h3,
#concept h3{
    font-size:16px;
    padding: 10px;
    letter-spacing: 0.08em;
}
/* #lunch #dinner */
#content_inner_01 #select_lunch_wrap,
#content_inner_02 #select_dinner_wrap,
#content_inner_02 #family_set_wrap{
    padding: 40px 0 0;
    margin-bottom: 70px;
}

#content_inner_01 .main_select_wrap,
#content_inner_02 .main_select_wrap{
    width: 100%;
}

.line_bg{
    background-color: #FFFACD;
    display: inline-block;
    margin: 10px 0;
}
/* メニューカテゴリ */
.menu_name{
    font-size: 26px !important;
    text-align: center;
    padding: 20px 0;
}

.item_cont{
    font-size: 22px;
    font-weight: 600;
}


/***********
   #lunch
  えらべるランチ 
  ***************/
.main_select_wrap{
    display: flex;
}
.main_select_wrap .main_select{
    width: 45%;
}
.main_select_wrap .main_select dd{
    font-size: 16px;
} 

.main_select_wrap .icon_selec{
    width: 12%;
    text-align: center;
    position: relative;
}

.main_select_wrap .sub_select{
    width: 45%;
    padding: 0 0 0 20px;
}
.main_select_wrap .icon_selec>p {
    font-size: 26px;
    padding-top: 50px;
    position: absolute;
    top: 40%;
    left: 30%;
}

.main_select_wrap .main_select dl,
.main_select_wrap .sub_select dl,
.noodles_select dl,
.set_select dl,
#family_set_wrap>.main_select dl{
    padding:10px;
    line-height: 1.7;
}

.main_select_wrap .sub_select dl{
    line-height: 1.7;
}

/* 麺セット #noodles .noodles_select
  定食 #lunch_set .set_select  
  */
#lunch{
    overflow:hidden;
}
#noodles,
#lunch_set{
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 70px;
}


#noodles .plus_select{
    padding-top: 20px;
}

#lunch_set .other{
    padding: 15px 0 10px;
}

#family_set_wrap .other {
    padding: 15px 0 10px;
}
.lunch_set_2{
    padding:20px 0 20px;
}

/* 単品メニュー */
#dish_wrap{
    width: 100%;
    overflow: hidden;
    margin-bottom: 70px;
}

#dish_wrap .dish_gr_01,
#dish_wrap .dish_gr_02,
#dish_wrap .dish_gr_03,
#dish_wrap .dish_gr_04,
#dish_wrap .dish_gr_05{
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    float: left;
    line-height: 1.7;
    padding-bottom: 20px;
}
/* 料理名*/
#dish_wrap .dish_gr_01 .dish_name,
#dish_wrap .dish_gr_02 .dish_name,
#dish_wrap .dish_gr_03 .dish_name,
#dish_wrap .dish_gr_04 .dish_name,
#dish_wrap .dish_gr_05 .dish_name{
    width: 80%;
    padding: 5px 0;
}
/* 価格*/
#dish_wrap .dish_gr_01 .dish_price01,
#dish_wrap .dish_gr_02 .dish_price01,
#dish_wrap .dish_gr_03 .dish_price01,
#dish_wrap .dish_gr_04 .dish_price01,
#dish_wrap .dish_gr_05 .dish_price01{
    width: 20%;
    padding: 5px 0;
}

/******************
  #dinner
  ***************/
#select_dinner_wrap .main_select{
    width: 100%;
}
#select_dinner_wrap .main_select dl dd{
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    padding: 2px;
}

/* ファミリーセット #family_set_wrap  */
#family_set_wrap .main_select dl dd{
    display: inline-block;
    width: 48%;
}
/* dinner 
     #dinner_set  定食
     #dinner_noodles 麺類
     */
#dinner{
    overflow: hidden;
}
#dinner_set,
#dinner_noodles{
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 70px;
}

#dinner_set dl,
#dinner_noodles dl{
    display: flex;
    flex-wrap: wrap;
    align-items:stretch;
    padding: 10px 0;
    line-height: 1.7;
}
/* 定食の品名*/
#dinner_set .dish_name,
#dinner_noodles .dish_name{
    width: 80%;
}
#dinner_set .dish_price01,
#dinner_noodles .dish_price01{
    width: 20%;
    text-align: right;
}
.expla_txt{
    padding: 20px 0;
    line-height: 1.9;
}

/*  #limited 期間限定 */
#limited{
    width: 100%;
    clear: both;
    margin-bottom: 70px;
}
#limited .limited_name dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 0;
    box-sizing: border-box;
    line-height: 1.7;
}

#limited .limited_name dl .dish_name{
    width: 37%;
}

#limited .limited_name dl .dish_price01{
    width: 12%;
    padding-right: 1em;
    text-align: right;
}

#dinner_menu{
    display: flex;
    flex-wrap: wrap;
}

/** 前菜～デザート **/
#appetizer,
#egg,
#seafood,
#chicken,
#meat,
#fried,
#cakes,
#soup,
#rice,
#dessert{
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 70px;
}
#appetizer dl,
#egg dl,
#seafood dl,
#chicken dl,
#meat dl,
#fried dl,
#cakes dl,
#soup dl,
#rice dl,
#dessert dl{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
    line-height: 1.7;
}

#appetizer .dish_name,
#egg .dish_name,
#seafood .dish_name,
#chicken .dish_name,
#meat .dish_name,
#fried .dish_name,
#cakes .dish_name,
#soup .dish_name,
#rice .dish_name,
#dessert .dish_name{
    width: 72%;
    padding: 5px 0;
}
#appetizer .dish_price01,
#appetizer .dish_price02,
#egg .dish_price01,
#egg .dish_price02,
#seafood .dish_price01,
#seafood .dish_price02,
#chicken .dish_price01,
#chicken .dish_price02,
#meat .dish_price01,
#meat .dish_price02,
#fried .dish_price01,
#fried .dish_price02,
#cakes .dish_price01,
#cakes .dish_price02,
#soup .dish_price01,
#soup .dish_price02,
#rice .dish_price01,
#rice .dish_price02,
#dessert .dish_price01,
#dessert .dish_price02{
    width:28%;
    text-align: right;
    padding: 5px 0;
}
/*dtの縦方向中央*/
.appetizer_name dl>dt,
.egg_name dl>dt,
.seafood_name dl>dt,
.chicken_name dl>dt,
.meat_name dl>dt,
.egg_name dl>dt,
.rice_name dl>dt,
.dinner_noodles_name dl>dt,
.dinner_noodles_name dd,
.limited_name dl>dt,
.limited_name dd{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.price_long{
    display: inherit;
}


/**********
 #dring
 *********/
 #drink{
    overflow: hidden;
 }
#beer,
#highball,
#sour,
#shochu,
#sake,
#fruit,
#wine,
#c_liquor,
#non,
#soft{
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    height: 100%;
    float: left;
}
#beer h2,
#highball h2,
#sour h2,
#shochu h2,
#sake h2,
#fruit h2,
#wine h2,
#c_liquor h2,
#non h2,
#soft h2{
    border-bottom: 1px solid #444;
}

#beer dl,
#highball dl,
#sour ul,
#shochu ul,
#sake dl,
#fruit ul,
#wine ul,
#non dl,
#soft ul{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
    line-height: 1.7;
    width: 100%;
}

.drink_gr_name{
    display: block;
    width: 100%;
}

#beer .drink_name,
#highball .drink_name,
#sour .drink_name,
#shochu .drink_name,
#sake .drink_name,
#fruit .drink_name,
#wine .drink_name,
#c_liquor .drink_name,
#non .drink_name,
#soft .drink_name{
    width: 67%;
}

#beer .drink_price01,
#beer .drink_price02,
#highball .drink_price01,
#sour .drink_price01,
#shochu .drink_price01,
#sake .drink_price01,
#fruit .drink_price01,
#wine .drink_price01,
#c_liquor .drink_price01,
#non .drink_price01,
#soft .drink_price01{
    width:33%;
    text-align: right;
}

/*dtの縦方向中央*/
.drink_gr dl>dt,
.drink_price01,
#c_liquor ul>li:first-of-type{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#sour ul li,
#shochu ul li,
#fruit ul li,
#soft ul li{
    padding: 0 9px;
}

h2>span{
    font-size: 16px;
    vertical-align: middle;
    padding-left:1em;
}

#wine .right_name li,
#c_liquor .right_name li{
    text-align: right;
    width: 100%;
}

#c_liquor .left_name{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
    line-height: 1.7;
    width: 100%;
}
#c_liquor .right_name{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
    line-height: 1.7;
    width: 100%;
}

.cl_b{
    clear: both;
}
/****************************
  /menu/takeout.html 
  テイクアウト #concept
*****************************/
#concept h4{
    font-size: 16px;
}
#concept .take_out{
    padding: 20px 0;
}


/***お弁当***/
#content_inner_02{
    overflow: hidden;
}
#bento_1,
#bento_2,
#bento_3{
    width: 33.333%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    box-sizing: border-box;
}
.bento_name{
    font-size: 20px;
    width: 100%;
    line-height: 1.7;
    padding: 10px 0 0;
}
.caution{
    padding: 5px;
    background-color:#198A44;
    color: #fff;
    display: inline;
}
.caution2{
    font-size: 12px;
}

.bento_inner{
    padding: 10px;
    line-height: 1.7;
}
/*** オードブル ***/
#plate{
    width: 100%;
}
#plate dl{
    width: 100%;
}
#plate figure{
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
#plate figure img{
    width: 80%;
}
#plate .plate_name{
    padding: 10px 0 0 0;
    line-height: 1.7;
}
.plate_name .caution{
    margin-left: 2em;
}

#plate .plate_name dt{
    font-size: 24px;
    line-height: 1.7;
}
#plate .plate_name dd:first-of-type{
    font-size: 20px;
    padding: 10px 0;
    display: inline-block;
}

#plate .plate_item{
    width:100%;
    display: flex;
    flex-flow: wrap;
    padding: 10px 0;
}
#plate .plate_item li{
    display: inline-block;
    width: 50%;
    line-height: 1.7;
    text-indent: 1em;
}


/*** 一品料理 　デザート ***/
.take_out_item{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 70px;
}
.take_out_item dl{
    width: 33.33%;
    padding:20px 10px;
}

.take_out_item .n_img {
    display: flex;
    align-items: center;
}

.take_out_item dd{
    display: inline;
    line-height: 1.7;
}
.take_out_item dd:last-of-type{
    padding-left: 6px;
}
.take_out_item .no_flex{
    width: 34%;
    padding: 20px 10px 20px 5px;
    display: block;
}


/**** 店舗情報 *****/
#store{
    width: 100%;
    padding: 40px 0;
}
#store_wrap{
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
    box-sizing: border-box;
    border-collapse: collapse;
}
#store_wrap tr{
    width: 100%;
}

#store_wrap th{
    width: 20%;
    padding: 20px 20px 20px 20px;
    text-align: left;
    border-bottom: #c7c4c4 solid 0.5px;
}

#store_wrap td{
    width: 80%;
    padding: 20px;
    border-bottom: #c7c4c4 solid 0.5px;
    border-left: #c7c4c4 solid 0.5px;
}

/* MAP */
#store_map{
    margin: 70px 0 0;
}

/*********
 /news お知らせ
 ************/

#article_wrap .title,
#article_wrap2 .title{
    color: #198A44 !important;
    font-weight: bold;
}


 #article_wrap2 .list{
    margin-bottom: 90px;    
 }


}/* TAB END */


@media screen and (min-width:1800px) {
#header #mainnav{
    width: 38%;
    float: right;
    display: table;
    vertical-align: middle;
    margin: auto;
}

#footer_wrap .footer_logo h1 img{
    width: 30%;
}
#footer_wrap .footer_menu #f_menu {
    top: 0;
    left: 6%;
}

#footer .copy{
    font-size:14px;
    font-weight: bold;
}
/*index 新着*/
#top_news{
    position:absolute;
    padding: 20px 0;
    font-size: 14px;
    top: 5vh;
    right: 0;
    background-color: rgba(243,243,243, 0.4);
    padding: 20px !important;
    width: 30%;
}

.new_icon{
    background-color: #198A44;
    color: #fff;
    margin: 3px;
    padding: 4px;
    font-size: 16px;
}


/**** 
   main contents 
               ****/
#container{
    text-align: center;
    position: relative;
}

/* movie */
#container_in_movie{
    position: fixed;
    z-index: -1;
    top: -50px;
    right: 0;
    left: 0;
    bottom:0;
    overflow: hidden;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}
#container_in_movie video{
     position: relative;
      top: 0;
      left: 0;
      height: 56.25vw; /* 16:9: 9 ÷ 16 = 56.25% */
      min-width: 100%;
}
#container_in_movie::after{
    display: block;
    position:absolute;
    top:-10%;
    right: 20%;
    width:20%;
    height:20%;
    opacity: 0.5;
}   

#chinsai_logo {
    position: absolute;
    top:70px;
    left: 50px;
    text-align: left;
}

#main_01 .main_01_wrap .main_01_in .main_01_txt{
    font-size: 20px;
}
/* index.html only */
#chinsai_top #content_wrap{
    transform: translate(0,50%);
}

#chinsai_top #footer{
    transform: translate(0,100vh);
}

#footer_wrap .footer_logo h1 img{
    width: 25%;
}


#main_01 .main_01_wrap .main_01_in h2{
    width: 100%;
    text-indent: 3em;
}

#main_02 .main_02_in .main_02_in_txt{
    font-size: 20px;
    font-feature-settings: initial;
    font-family: 'Noto Serif SC', serif,'Noto Serif TC';
    position: absolute;
    top: 30%;
    right: 36%;
    text-align: left;
    line-height: 2.2;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    width: auto;
}

#main_02 .main_02_in .main_02_in_txt p{
    font-size: 20px;
    font-feature-settings: initial;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    line-height: 2.2;
}
/* TAKE OUT */
.take_out_item dl{
    width: 33.33%;
}
#plate figure img {
    width: 50%;
}

#plate .plate_item li {
    display: inline-block;
    width: 33.33%;
    line-height: 1.7;
    text-indent: 1em;
}

.main_select_wrap .main_select{
    width: 40%;
}
.main_select_wrap .icon_selec{
    width: 20%;
    text-align: center;
    position: relative;
}
.main_select_wrap .icon_selec>p{
    position: absolute;
    top: 40%;
    left: 50%;
}
.main_select_wrap .sub_select{
    width: 40%;
}

/*お知らせ*/
#article_wrap img{
    width:100% !important;
    height:50%;
 }


/* #store_page movie用 */
#store_page #container_in_movie{
    position: sticky;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom:0;
    overflow: hidden;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}
#store_page #container_in_movie video{
     position: relative;
      top: 0;
      left: 0;
      height: 56.25vw; /* 16:9: 9 ÷ 16 = 56.25% */
      width: 100%;
}
#store_page #container_in_movie::after{
    display: block;
    position:absolute;
    top:-10%;
    right: 20%;
    width:20%;
    height:20%;
    opacity: 0.5;
}    

}