@charset "UTF-8";




/* ----- cover_wrapper ----- */
/* 上 */
#cover_slide_bg_1 {
  background-image: url(../img/menu/course/menu_course_cover.png);
  z-index: 99;
}
/* 下 */







/* --------------
 * recommend_menu
 * -------------- */
#recommend_menu_wrapper {
  background-image: url(../img/menu/menu_bg_1.png);
  background-position: top center;
  color: #2c1106;
  padding: 70px 0 100px;
}

#recommend_menu h2 {
  margin: 0 0 30px;
}

#recommend_menu > section {
  margin-top: 50px;
}

#recommend_menu > section:first-of-type {
  margin-top: 0;
}

#recommend_menu .course_list > img {
  margin: 0 0 0 -5px;
}

#recommend_menu .course_list > div {
/*  background-color: rgba(255,255,235,0.4);*/
  background-image: url(../img/menu/course/course_content_bg.png);
  color: #090909;
  height: 360px;
  margin: 4px 0 0 15px;
  padding: 15px;
  width: 480px;
}

#recommend_menu .course_title {
  border-bottom: 1px solid #6a3f23;
  font-size: 13px;
  height: 90px;
  margin-bottom: 10px;
  padding-bottom: 20px;
}

#recommend_menu .course_title img {
  margin-right: 10px;
}

#recommend_menu .course_title > div {
  margin-top: 12px;
}

#recommend_menu .course_title h3 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 26px;
  margin: 0;
}

#recommend_menu .course_title .course_title_nabe{
  margin-top: -13px;
}

#recommend_menu .course_detail {
  border-bottom: 1px solid #6a3f23;
  color:#333;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 15px;
  padding-top: 1px;
  padding-bottom: 6px;
}

#recommend_menu .course_detail p{
  line-height: 1.4;
}

#recommend_menu .course_detail  span{
  color:#111;
  font-size: 14px;
}

#recommend_menu .course_detail .course_detail_text {
  border-top: 1px dashed #6a3f23;
  margin-top: 5px;
  padding-top: 5px;
}

#recommend_menu .course_price {
  color: #8f0000;
  font-size: 11px;
}

#recommend_menu .course_price {
  font-size: 14px;
  font-weight: bold;
}

#recommend_menu .course_price span {
  font-size: 32px;
  line-height: 42px;
}

#recommend_menu .course_price span.note {
  color: #8f0000;
  font-size: 12px;
  line-height: inherit;
}

/* ----- how_to_eat ----- */
#how_to_eat {
  margin-top: 20px;
}

#how_to_eat h3 {
  font-size: 24px;
  font-weight: bold;
  color: rgb(192,0,0);
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#how_to_eat h4 {
  font-size: 16px;
  font-weight: bold;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#how4 h4 {
  color: rgb(192,0,0);
}

/* ----- add_menu ----- */
#add_menu h3 {
  border-bottom: 1px solid #6a3f23;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 28px;
  font-weight: bold;
  margin: 40px 0 10px;
  padding-bottom: 10px;
}
#add_menu h3 span {
  color: #8f0000;
}

#add_menu p {
  margin-top: -30px;
}

#add_menu .pick_up,.menu_name .pick_up{
  background-color: #8f0000;
  border: 1px solid #5c0000;
  border-radius:6px ;
  -moz-border-radius:6px ;
  -webkit-border-radius:6px ;
  color: #eee;
  font-size: 9px;
  letter-spacing: 0.8px;
  margin-left: 8px;
  padding:5px 8px;
  vertical-align: text-top;
}

.menu_name .pick_up{
  vertical-align: bottom;
}

#add_menu .shinotaro{
  color:#8f0000;
  display: inline-block;
  margin-left: 8px;
}



/* --------------
 * menu_list
 * -------------- */
.menu_list {
  font-size: 14px;
  font-weight: bold;
  list-style-type: none;
  margin: 0 0 35px;
  padding: 0;
  width: 460px;
}

.menu_list li {
  border-bottom: 1px solid #6a3f23;
  margin: 0 0 15px;
  padding: 0 0 13px;
}

.menu_list.short_space li {
  margin: 0 0 10px;
  padding: 0 0 8px;
}

.menu_list .menu_name {
}

.menu_list .menu_price {
  color: #8f0000;
}

.menu_list .menu_price .float_r {
  margin-left: 10px;
  width: 70px;
}

.menu_list .salad{
  color: #8f0000;
}
.menu_list .salad_list{
  font-size: 10px;
}

.menu_list .agemono,
.menu_list .gohan,
.menu_list .gentei{
  color:#5b2000;
  font-size: 11px;
}

.menu_list .teiban{
  color:#8f0000;
}

/* howto_eat */
#recommend_menu > .howto_eat {
  margin: 20px 0 0;
}
.howto_eat dl, .howto_eat dt, .howto_eat dd {
  padding: 0;
  margin: 0;
}
.howto_eat {
  background: rgba(124, 54, 1, 0.3);
  border-radius: 0.3em;
  box-shadow: inset 0px 0px 10px 5px rgba(94, 38, 0, 0.5);
  padding: 1.5em;
}
.howto_eat h4{
  line-height: 2em;
  text-align:center;
  font-size:22px;
  font-family: serif;
  letter-spacing:0.05em;
  border-bottom: solid 1px #6a3f23;
  padding: 0;
  padding: 0 0 0.5em;
  margin: 0 0 1.5em;
}
.howto_eat div {
  width: 25%;
  margin: 0 1em;
}
.howto_eat dl{
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.howto_eat dl p {
  text-align: left;
}
.howto_eat dl dt {
  font-weight: bold;
  letter-spacing:0.05em;
  background: rgba(255,255,255,0.1);
  box-shadow: 0 0 1px 2px rgba(94, 38, 0, 0.2);
  border-radius: 3px;
	padding: 0.5em 0; /* add_t_home */
  margin: 0 0 1.5em;
}
.howto_eat dl dt span {
  font-family: serif;
  font-size:18px;
  color: #8f0000;
  padding: 0 0 0 0.2em;
}
.howto_eat dl dd img {
  width: 100%; /* add_t_home */
  border: solid 6px rgba(94, 38, 0, 0.4);
  border-radius: 2px;
}

/* --------------
 * menu_category
 * -------------- */
#menu_category_wrapper {
  background-image: url(../img/menu/menu_bg_2.png);
  background-position: top center;
  color: #5b2000;
  padding: 70px 0 100px;
}

#menu_category_wrapper > .note {
  text-align: right;
}

#menu_category .float_l h3 img,
#menu_category .float_r h3 img {
  margin: 0 -5px;
}

#menu_category .menu_list {
  border-top: 1px solid #6a3f23;
  padding-top: 15px;
}

#menu_category .menu_list.short_space {
  padding-top: 10px;
}

#menu_category .menu_list.no_top_border {
  border: none;
  padding-top: 0;
}

#menu_category h4 {
  font-size: 18px;
  margin: 20px 0 10px;
}

#menu_category .grand_prix_menu img {
  margin-right: 5px;
  vertical-align: text-bottom;
}

#menu_category .grand_prix_menu span {
  color: #ae1c06;
}

#category_kannmi {
  margin-top: -17px;
}

/* #category_namamono */
#category_namamono {
}

#category_namamono h3 {
  text-align: center;
}





/* --------------
 * menu_lunch
 * -------------- */
#menu_lunch_wrapper {
  background-image: url(../img/menu/menu_bg_3.png);
  background-position: top center;
  color: #491a00;
  padding: 70px 0 100px;
}

#menu_lunch_wrapper h3 {
  margin: 0 0 30px;
}

#menu_lunch > div > div > img {
  margin: 0 -5px 20px;
}

#menu_lunch .menu_list {
  border-top: 1px solid #6a3f23;
  padding-top: 10px;
}

#menu_lunch .menu_name {
  font-size: 18px;
  line-height: 22px;
}

#menu_lunch .menu_name .note {
  font-size: 11px;
}

#menu_lunch .lunch_menu_note span {
  color: #ae1c06;
}

#menu_lunch .lunch_menu_price {
  color: #ae1c06;
  font-size: 18px;
}

#menu_lunch .lunch_menu_price span {
  font-size: 36px;
  line-height: 46px;
}


#menu_lunch .lunch_img{
  margin-top: 38px;
  margin-bottom: 35px;
}

#menu_lunch .lunch_img img{
  margin-right: 30px;
  height: auto;
  width: 310px;
}

#menu_lunch .lunch_img img:nth-child(3){
  margin-right: 0px;
}

#menu_lunch .b_none {
  border: none;
}

#menu_lunch .lunch_note {
  margin-top: -40px;
  text-align: right;
}





/* --------------
 * Under Smart Phone Size
 * -------------- */
@media (max-width: 767px) {
/* --------------
 * recommend_menu
 * -------------- */
  #recommend_menu .course_list > img {
    display: block;
    float: none;
    margin: 0 auto;
  }
  #recommend_menu .course_list > div {
    height: auto;
    margin: 15px 0 0;
    width: 100%;
  }
  #recommend_menu .course_title {
    height: auto;
  }
  #recommend_menu .course_title img {
    width: 50px;
  }
  #recommend_menu .course_title > div {
    float: none;
    margin-top: 5px;
  }
  #recommend_menu .course_title h3 {
    font-size: 20px;
  }

  /* ----- add_menu ----- */
  #add_menu h3 {
    border-bottom: 1px solid #6a3f23;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 28px;
    font-weight: bold;
    margin: 40px 0 10px;
    padding-bottom: 10px;
  }
  #add_menu > div > div {
    float: none;
  }
  #add_menu p {
    margin-top: -30px;
  }


  /* --------------
   * menu_list
   * -------------- */
  .menu_list {
    margin: 0;
    width: 100%;
  }
  /* howto_eat */
  .howto_eat div {
    width: 100%;
    margin: 0 0 2em;
  }
  .howto_eat div:last-child {
    margin: 0;
  }
  .howto_eat dl{
    display: flex;
    flex-wrap: wrap;
  }
  .howto_eat dl dt {
    padding: 0.5em 0;
  }
  .howto_eat dl dd p {
    font-size: 1.2em;
  }
  .howto_eat dl dd img {
    width: 100%;
    border: solid 12px rgba(94, 38, 0, 0.4);
  }


  /* --------------
   * menu_category
   * -------------- */
  #menu_category > section {
    float: none;
    margin-bottom: 70px;
  }
  #menu_category section h3 {
    margin-bottom: 0;
    text-align: center;
  }
  #menu_category section h3 img {
    margin: 0;
  }
  #menu_category > section > img {
    display: block;
    margin: 0 auto;
  }
  #menu_category h4 {
    font-size: 18px;
    margin: 20px 0 10px;
  }
  #menu_category #category_kannmi h3 {
    margin-bottom: 30px;
  }


  /* --------------
   * menu_lunch
   * -------------- */
  #menu_lunch > div > div {
    float: none;
  }
  #menu_lunch > div > div > img {
    display: block;
    margin: 0 auto 20px;
  }
  #menu_lunch .lunch_img img{
    margin-right: 0px;
    width: 100%;
  }
  #menu_lunch .menu_list {
    border-top: none;
    padding-top: 0;
  }
  #menu_lunch .lunch_note {
    margin-top: -15px;
  }

  /* #category_namamono */
  #category_namamono > div {
    float: none;
  }

  #category_namamono > div img {
    display: block;
    margin: 0 auto;
  }
}