
/*--------------------*
#index
*--------------------*/
#indexheader{
  margin:0px auto;
}

#index_basebdy {
    margin: 0 auto;
    width: 100%;
}
#index{
  margin:0px auto;
  padding-bottom:30px;
  padding: 0;
}

/*--------------------*
#index_navi
*--------------------*/

#index_navi ul {
  display: table;
  table-layout: fixed;
  width: 98%;
}
#index_navi li {
  display:table-cell;
  margin-right: 5px;
  width: 48%;
}

/*--------------------*
#free_navi
*--------------------*/
#free_navi{
  margin:10px auto 0px;
  text-align:center;
}
#free_navi P{
  font-size: 12px;
  color: #F9EED9;
}
#free_navi A{
  font-size: 12px;
  color: #C0C000;
}
#free_navi STRONG{
  display:none;
  margin:15px auto 0px;
}
/*--------------------*
## common
*--------------------*/

H4 A{color:#e6281a;}
H4 A:hover{color:#f5463a;}
H4 A:visited{color:#990000;}
IMG{
  border: 0;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
/*--------------------*
#new_group
*--------------------*/
.additional_day{
  margin: 5px 0;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}


/*--------------------*
#allmenus
*--------------------*/
#allmenus{
  margin:0px auto 3%;
}
#allmenus h2{
  padding: 0 0 12px;
}
#allmenus .section_bdy{
  padding: 0 0 60px;
}
#allmenus .severalmenu{
  margin: 0 auto;
  width: calc(100% - 47px);
}
#allmenus .caption{
  text-align: justify;
  margin: 10px 0 0;
}

#new_group .menu_info,
#allmenus .menu_ttl{
  margin: 0 0 0 66px;
  text-align: left;
}
#allmenus .severalmenu .icon img{
  width: 60px;
  height: 60px;
}
#allmenus .new_info{text-align: left;}
#allmenus .new_info img{max-width: 60px; width: 100%; height: auto;}
#allmenus .icon_new{
}
#allmenus .person_info{float:left;}
#allmenus .menu_info{
  padding-top:5px;
  text-align: left;
}
#allmenus .additional_day{
  color:#503613;
  font-weight:bold;
}
#allmenus .price_normal{
  font-weight: bold;
}

/*--------------------*
#group1
*--------------------*/
#group1{
  margin: 0 auto 20px;
}
#group1 .section_bdy{
  background: url(../img/index/all_menu/group1/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/all_menu/group1/section_bdy.jpg) repeat center / 100% auto;
}
#group1 .menu_bdy{
}
/*--------------------*
#group2
*--------------------*/
#group2{
  margin: 0 auto 20px;
}
#group2 .section_bdy{
  background: url(../img/index/all_menu/group2/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/all_menu/group2/section_bdy.jpg) repeat center / 100% auto;
}
#group2 .menu_bdy{
}
/*--------------------*
#group3
*--------------------*/
#group3{
  margin: 0 auto;
}
#group3 .section_bdy{
  background: url(../img/index/all_menu/group3/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/all_menu/group3/section_bdy.jpg) repeat center / 100% auto;
}
#group3 .menu_bdy{
}
/*----------------------------*
 accordion
*-----------------------------*/
#allmenus .more,
#allmenus .hide{
  font-size: 16px;
  background: linear-gradient(to bottom, #FFFFC7, #FFE65B);
  border: 2px solid #432312;
  border-radius: 50px;
  color:#432312;
  cursor:pointer;
  max-width: 280px;
  height: 48px;
  margin: 20px auto 0;
  text-align:center;
}
#allmenus .more > span,
#allmenus .hide > span{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#allmenus .more .mark,
#allmenus .hide .mark{
  position: relative;
  font-weight: bold;
}
#allmenus .more .mark::after,
#allmenus .hide .mark::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #432312;
  border-right: solid 2px #432312;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: -1em;
  bottom: 0;
  margin: auto;
}

/*--------------------*
.gototop
*--------------------*/
.gototop{
  text-align:right;
  margin:10px;
}
.gototop a{
   display:inline-block;
   text-align:center;
   width: 40%;
   font-size:12px;
   color: #e6b33c;
   padding: 2% 3%;
   border: 2px solid #CF9F39;
   -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
   background: -moz-linear-gradient(
    top,
    #910707 0%,
    #7a0202 25%,
    #220301);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#910707),
    color-stop(0.25, #7a0202),
    to(#220301));
  text-shadow:
    1px 2px 1px rgba(209,205,209,0.5),
    2px 1px 7px rgba(255,255,255,0.4);
  
}


/*--------------------*
#page_navi
*--------------------*/
#page_navi{
 text-align:center;
 margin-top:10px;
}
