@charset "UTF-8";

/***************************************************************
　customize専用　
***************************************************************/

p{
  letter-spacing: 0.1em !important;
}
#footer_menu{
  display: none;
}
#footer_banner{
  display: none !important;
}

.for_desktop{display: block;}
.for_mobile{display: none;}
@media (max-width: 880px) {
.for_desktop{display: none;}
.for_mobile{display: block;}
}


.rss{display: none;}
#header_sns .rss{display: none;}
#footer_sns .rss{display: none;}
/************************************************************
 layout関係
************************************************************/



.row_wp1{
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0 auto;
}


.row_wp1_r{
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  padding: 0;
  margin: 0 auto;
}

.row_wp1_50{
  width: 50%;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0 auto;
}



.row_wst1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}


.row_ffst1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
}



@media (max-width: 880px) {

.row_wp1{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}

.row_wp1_r{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
}


.row_wst1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}

.row_wp1_50{
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0 auto;
}

}


.box_st1{
  width: 100%;
  padding: 0;
  margin: 0 auto;
}


/************************************************************
 contents関係
************************************************************/

.col_20{
  width : 20% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

.col_25{
  width : 25% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}



.col_30{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}
.col_40{
    width : 40% ;
    padding: 16px;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
}
.col_50{
    width : 50% ;
    padding: 16px;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
}
.col_60{
    width : 60% ;
    padding: 16px;
    margin: 0 0 2em 0;
	box-sizing: border-box !important;
 }
 .col_70{
    width : 70% ;
    padding: 16px;
    margin: 0 0 2em 0;
	 box-sizing: border-box !important;
 }

.col_80{
  width : 80% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

.col_full{
  width : 100% ; 
  padding: 16px;
  margin: 0 0 2em 0;
	box-sizing: border-box !important;
}

 .col_30c{
    width : 33.33333% ; 
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }
  .col_40c{
    width : 40% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }
  .col_50c{
    width : 50% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }
  .col_60c{
    width : 60% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
   }
   .col_70c{
    width : 70% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
   }


.col_30i{
    width : 33.33333% ; 
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
}
.col_40i{
    width : 40% ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
}
.col_50i{
    width : 50% ;
    padding: 0;
    margin: 0;
    box-sizing: border-box !important;
}
.col_60i{
    width : 60% ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
   }
.col_70i{
    width : 70% ;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
}

 
.col_50i img{
width: 100% !important;
height: auto;
}


.col_25ce{
    width : 25% ;
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }

.col_30ce{
    width : 33.33333% ; 
    align-self: center;
    padding: 16px;
    margin: 0 0 2em 0;
    box-sizing: border-box !important;
  }

.col_25ce img,
.col_25ce img{
width: 80%;
margin: 0 auto;}





.ml_st2{margin-left: 2em;}
.ml_st4{margin-left: 4em;}
.ml_st6{margin-left: 6em;}

@media (max-width: 880px) {
.col_20,
.col_25,
.col_30,
.col_30c,
.col_40,
.col_40c,
.col_50,
.col_50c,
.col_60,
.col_60c,
.col_70,
.col_70c,
.col_80{
   width: 100% !important;
}
   
.col_25ce,
.col_30ce{
   width: 50% !important;

}
}

@media (max-width: 880px) {

    .col_30i,
    .col_40i,
    .col_50i,
    .col_60i,
    .col_70i{
        width : 100% ; 
        padding: 0;
        margin: 0 0 2em 0;
    }
}

.row_cont_st1{
  width: 90%;
  max-width: 980px;
  margin: 4em auto !important;
}

.row_cont_st1_ce{
  width: 90%;
  max-width: 980px;
  text-align: center !important;
  margin: 4em auto !important;
}

.row_cont_st2{
  width: 90%;
  max-width: 880px;
  margin: 4em auto !important;
}

.row_cont_st3{
  width: 90%;
  max-width: 780px;
  margin: 4em auto !important;
}



/*レイアウトの補足*/
.mt_st1{margin-top: 1em !important;}
.mt_st2{margin-top: 2em !important;}
.mt_st3{margin-top: 3em !important;}
.mt_st4{margin-top: 4em !important;}
.mt_st5{margin-top: 5em !important;}
.mt_st6{margin-top: 6em !important;}
.mb_st1{margin-bottom: 1em !important;}
.mb_st2{margin-bottom: 2em !important;}
.mb_st3{margin-bottom: 3em !important;}
.mb_st4{margin-bottom: 4em !important;}
.mb_st5{margin-bottom: 5em !important;}
.mb_st6{margin-bottom: 6em !important;}
.mb_stl1{margin-bottom: 128px !important;}


.img_3c{width: -webkit-calc(100% / 3) ; width: calc(100% / 3) ; width: 33.33333% ;margin: 0 auto !important;}
.img_4c{width:40%; margin: 0 auto !important;}
.img_5c{width:50%; margin: 0 auto !important;}
.img_6c{width:60%; margin: 0 auto !important;}
.img_7c{width:70%; margin: 0 15% 0 15% !important;}
.img_8c{width:80%; margin: 0 auto !important;}
.img_9c{width:90%; margin: 0 auto !important;}
.img_logo_f{width:90%; margin: 0 auto 0 0 !important;}


.text_ce{
  text-align: center !important;
  margin: 0 auto !important;
}

.text_50{ font-size: 50% !important;}
.text_60{ font-size: 60% !important;}
.text_70{ font-size: 70% !important;}
.text_80{ font-size: 80% !important;}
.text_90{ font-size: 90% !important;}
.text_100{ font-size: 100% !important;}
.text_110{ font-size: 110% !important;}
.text_120{ font-size: 120% !important;}
.text_130{ font-size: 130% !important;}
.text_140{ font-size: 140% !important;}
.text_150{ font-size: 150% !important;}
.text_160{ font-size: 160% !important;}
.text_170{ font-size: 170% !important;}
.text_180{ font-size: 180% !important;}
.text_190{ font-size: 190% !important;}

.title_01{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #433d3c;
  font-size: 200%; 
  font-weight: 600 !important;
  text-align: center; 
  margin: 1.5em auto 18px auto !important; 
  line-height: 1em !important; 
  letter-spacing: 0.3em;
  height: 2.5em;
}
.title_01 span{
  color: #69821b;
  font-size: 40%; 
  font-weight: 600; 
  text-align: center; 
  margin: 0 auto;
}





@media (max-width: 880px){
.title_01{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #433d3c;
  font-size: 200% !important; 
  font-weight: 600 !important; 
  text-align: center; 
  margin: 1.5em auto 18px auto !important; 
  line-height: 1em !important; 
  height: 2.5em;
}
.title_01 span{
  color: #69821b;
  font-size: 40% !important; 
  font-weight: 600; 
  text-align: center; 
  margin: 0 auto;
}
}

.title_02{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #69821b;
  font-size: 200% !important; 
  font-weight: 600; 
  text-align: center; 
  margin: 168px auto 0 auto !important; 
  line-height: 1em !important; 
  letter-spacing: 0.2em;
  height: 2.5em;
}
.title_02 span{
  color: #433d3c;
  font-size: 40% !important;  
  font-weight: 600; 
  text-align: center; 
  margin: 0 auto;
}


@media (max-width: 880px){
.title_02{
  color: #69821b;
  font-size: 150%; 
  font-weight: 600; 
  text-align: center; 
  margin: 88px auto 0 auto !important; 
  line-height: 1em !important; 
  height: 2.5em;
}
.title_02 span{
  font-family: none !important;
  color: #69821b;
  font-size: 50%; 
  font-weight: 600; 
  text-align: center; 
  margin: 0 auto;
}
}

.title_03 {
   font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 200% !important; 
  font-weight: 600; 
  line-height: 1.2em !important;
    display: inline-block;
    position: relative;
    color: #544a47;
    margin:  60px auto 36px auto !important;
    text-align: center;
}

.title_03:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background-color: #69821b;
}

.text_preface{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 120%;
  font-weight: 400;
  line-height: 1.5em;
  text-align: center;
  width: 90%;
  max-width: 780px;
  margin: 48px auto 68px auto !important;
}
.text_preface span{
  font-size: 70%;
}


.text_preface_1{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  /* color: #69821b; */
  font-size: 120%;
  font-weight: 400;
  line-height: 1.5em;
  text-align: center;
  width: 90%;
  max-width: 780px;
  margin: 6px auto 68px auto !important;
}
.text_preface_1 span{
  font-size: 70%;
}

.text_preface_2{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  /* color: #69821b; */
  font-size: 120%;
  font-weight: 400;
  line-height: 1.5em;
  text-align: left;
  width: 90%;
  max-width: 780px;
  margin: 6px auto 68px auto !important;
}
.text_preface_2 span{
  font-size: 70%;
}

@media (max-width: 880px){
  .text_preface{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 110%;
  font-weight: 600;
  line-height: 1.5em;
  text-align: left;
  width: 90%;
  max-width: 780px;
  margin: 48px 5% 68px 5% !important;
}

.text_preface_1{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 120%;
  font-weight: 400;
  line-height: 1.5em;
  text-align: left;
  width: 90%;
  max-width: 780px;
  margin: 6px auto 68px auto !important;
}
.text_preface_1 span{
  font-size: 70%;
}

}

.title_hei2{height: 2.5em;}
.title_hei3{height: 3.5em;}

.text_lead01{
  font-size: 160%;
  line-height: 1.5em;
}


.att_st1{
 text-indent: -2em;
 padding-left: 2em;
}


/**************************************************************************************
　　お献立
**************************************************************************************/

.table_kondate{
  width: 95%;
  margin: 12px auto;
  border-top: 1px solid #999;
}

.table_kondate th{
  width: 70%;
  background-color: #fff !important;
  text-align: left !important;
  padding-left: 8px;
  border-top: none;
  border-bottom: 1px solid #999;
  border-left: none;
  border-right: none;
}

.table_kondate td{
  text-align: right !important;
  padding-right: 8px;
  border-top: none;
  border-bottom: 1px solid #999;
  border-left: none;
  border-right: none;
}


/* お献立の見出し*/

.title_kondate{
    margin:2em auto 3em auto;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 1px #433d3c;
    border-bottom: solid 1px #433d3c;
    width: fit-content;
}
.title_kondate:before, .title_kondate:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #433d3c;
}
.title_kondate:before {left: 10px;}
.title_kondate:after {right: 10px;}
.title_kondate p {
    margin: 0; 
    padding: 0;
}


.row_headline1{
  text-align: center;
  margin: 128px auto 0 auto !important;
}



/**************************************************************************************
　　営業時間
**************************************************************************************/

.column_openinghours{
  width: 90%;
  max-width: 580px;
  border: 2px solid #6e812f;
  text-align: center;
  margin: 88px auto;
  padding: 0;
  box-sizing: border-box;
}

.column_openinghours p{
  line-height: 1.2em ;
  margin-bottom: 0.5em;
 
}


.openinghours_title{
  width: 100%;
  background-color: #6e812f;
  color: #fff;
  font-size: 150%;
  font-weight: 800;
  letter-spacing: 0.2em;
  padding: 24px auto;
  margin: 0 0 24px 0;
  line-height: 3em;
}

.openinghours_text1{
  font-size: 170%;
  font-weight: 800;
  color: #433d3c;
}

.openinghours_text1 span{
  font-size: 60%;
  font-weight: 600;
  color: #433d3c;
  margin: 24px auto !important;
}


.openinghours_text2{
  font-size: 90%;
  font-weight: 600;  
  color: #544a47;
  margin: 30px auto !important;
  line-height: 1.5em !important;
  width: 90%;
}

.openinghours_text2 span{
  font-size: 90%;
  font-weight: 600;  
  color: #c0c6c9;
  padding: 12px auto !important;
}







/***************************************************************
　3column　表示
***************************************************************/



.column_3_line{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 1em 2em;
  margin: 0 0 2em 0;
  box-sizing: border-box !important;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #cccccc;
}


.column_3_line:nth-child(3n){
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  padding: 1em 2em;
  margin: 0 0 2em 0;
  box-sizing: border-box !important;
  border-top: none;
  border-right: 1px solid #cccccc;
  border-bottom: none;
  border-left: 1px solid #cccccc;
}


.column_3_line img{
  width : 60% ; 
  margin: 2em 20% !important;
}

.column_3_line p{
  line-height: 1.5em !important;
  margin-bottom: 0 ;
}


@media (max-width: 880px){
.column_3_line{
  width : 100% ; 
  padding: 2em;
  margin: 0 0 2em 0;
  box-sizing: border-box !important;
  border-top: 1px solid #cccccc;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.column_3_line:nth-child(3n){
  width : 100% ; 
  padding: 2em;
  margin: 0 0 2em 0;
  box-sizing: border-box !important;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #cccccc;
  border-left: none;
}

.column_3_line img{
  width : 60% ; 
  margin: 0 20% !important;
}


}

.column_3_line .title1{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 120%;
  color: #69821b;
  width: fit-content;
  margin: 0 auto !important;
}

@media (max-width: 880px){

.column_3_line .title1{
  font-family: "Sawarabi Mincho" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 180%;
  color: #69821b;
  width: fit-content;
  margin: 0 auto !important;
}

}
/***************************************************************
　ボタン
***************************************************************/


.btn_st01 a {
  position: relative;
  display: block;
  width: 60%;
  padding: 15px 0;
  background-color: #69821b;
  border-radius: 0px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  margin: 0 20%;
}

/* yajirushi */
.btn-arrow-right a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.btn-arrow-right a:hover {
  position: relative;
  display: block;
  width: 60%;
  padding: 15px 0;
  background-color: #83ae46;
  border-radius: 0px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  margin: 0 20%;
}


/***************************************************************
　contents
***************************************************************/

/*　新着情報 */
.column_info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px auto !important;
  width: fit-content;
}

.column_info img{
  width: 38px;
  height: auto;
}

/*　note */

.box_note {
  padding: 2em;
  width: fit-content;
  font-size: 90%;
  background-color: #f3f3f2;
}

.box_note p{
  line-height: 1.5em !important;
}


.box_allergy {
  width: 80%;
  max-width: 600px;
  border: 1px solid #69821b;
  /* background-color: #f3f3f2; */
  padding: 2em;
  box-sizing: border-box;
  margin: 48px auto !important;
}

.box_allergy p{
  line-height: 2em !important;
  letter-spacing: 0.2em !important;
}



.business_time{

}

.business_time p{
  line-height: 1.3em !important;
  margin-bottom: 0 !important;
}

.business_time dl{
  display: flex;
  flex-wrap: wrap;
}


.business_time dt{
  width: 25% !important;
  line-height: 1.3em !important;
  padding: 8px;
  box-sizing: border-box;
}

.business_time dd{
  width: 70% !important;
  line-height: 1.3em !important;
  padding: 8px;
  box-sizing: border-box;
}


@media (max-width: 880px){

.business_time dt{
  width: 100% !important;
  line-height: 1.3em !important;
  padding: 8px;
  box-sizing: border-box;
}

.business_time dd{
  width: 100% !important;
  line-height: 1.3em !important;
  padding: 8px 18px;
  box-sizing: border-box;
}
}





/* お席の見出し 2025/10/15*/

.title_oseki{
    margin:2em auto 3em auto;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 1px #433d3c;
    border-bottom: solid 1px #433d3c;
    width: fit-content;
}
.title_oseki:before, .title_oseki:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #433d3c;
}
.title_oseki:before {left: 10px;}
.title_oseki:after {right: 10px;}
.title_oseki p {
    margin: 0; 
    padding: 0;
	font-size:110%;
	font-weight: 600;
}

.box_map{
	width: 100% !important;
	height: 480 !important;
	filter: grayscale(1);
	margin: 68px auto !important;
}